ソース表示

operaの「ページのソースを表示」のハイライトが、ちっともハイライトじゃないのでどうにかしたい

[image]デフォルトのハイライト
デフォルトのハイライトだと
どこがハイライトされてるのかさっぱりわからんです。

opera:configの中にそれらしいのが見当たらないので途方に暮れていたけど
エクステンションでいいのがあった。
operaのエクステンションって使った事なかったけど簡単ですねぇ。

Source – Opera extensions

ctrl+F9でソース表示
[image]エクステンション source を使って表示

メニュー – エクステンション – 拡張機能の管理から設定を変える事で行数も表示でけた。
[image]設定

よかったよかった。

ついでにいれた画像を拡大するヤツもなんかいい感じ
Image Preview Popup – Opera extensions

syntaxhighlighter

syntaxhighlighter
http://wordpress.org/extend/plugins/syntaxhighlighter/
[sourcecode language=”html”]
<html>
<head></head>
<body></body>
</html>
[/sourcecode]

SyntaxHighlighter Settings

Display line numbers.
行番号を表示してください。

Display the toolbar.
ツールバーを表示してください。

Automatically make URLs clickable.
自動的にURLをクリック可能にしてください。

Collapse code boxes.
コード箱を潰してください。

Show a ruler column along the top of the code box.
コード箱の上部に沿って定規コラムを示してください。

Use the light display mode, best for single lines of code.
コードの単線に軽い表示モード、ベストを使用してください。

Use smart tabs allowing tabs being used for alignment.
整列に使用されるタブを許容する賢いタブを使用してください。

Wrap long lines, using an icon to show where line.
長い系列を包装してください、そして、どこかを示しているのにアイコンを使用して、立ち並んでください。

wraps occur (disabling this will make a scrollbar show instead)
機密は起こります(これを無効にするのはスクロールバーを代わりに目立たせるでしょう)。

Additional CSS Class(es) / 追加CSS Class
に適当なclass名をつっこんだんだけど
pre class=”brush: xml;みたいな箇所に追加されてない、どうやって使うんだろう。

仕方ないので大本のcssを編集する
wp-content\plugins\syntaxhighlighter\syntaxhighlighter\styles内に
Color Theme毎のcssが入ってた。

  • shCore.css
  • shThemeDefault.css

のバックアップをとって編集する。
続きを読む