「SyntaxHighlighter Evolved」のパラメータ等での表示変更は可能ですが、「Settinng」入力画面でのパラメータ設定もできます。また、その他にも「SyntaxHighlighter Evolved」自身の「テーマ」もいくつか持っています。その辺りについて、早速手順を記録しておこうと思います。
- Setting画面の呼び出し
 |
 |
 |
| 「▼」をクリック |
「SyntaxHighlighter」クリック |
下記の画面に切り替わります。
 |
| ここでパラメータやテーマを変更することができます。 |
ここで設定したパラメータは「SyntaxHighlighter Evolved」のデフォルト値となり、投稿ページ全体に影響します。
- Miscellaneous:Display line numbers
行番号の表示の有無です。こちらを参考にしてください。
- Miscellaneous:Display the Toolbar
ツールバーの表示の有無です。こちらを参考にしてください。
- Miscellaneous:Automatically make URLs clickable
リンクの設定／解除です。こちらを参考にしてください。
- Miscellaneous:Collapse code boxes
折りたたみ表示の有無です。こちらを参考にしてください。
- Miscellaneous:Show a ruler column along the top of the code box
ルーラーの表示の有無です。こちらを参考にしてください。
- Miscellaneous:Use the light display mode, best for single lines of code
シンプル表示の有無です。こちらを参考にしてください。
- Miscellaneous:Use smart tabs allowing tabs being used for alignment
たぶん、タブの整列処理の有無です。
当方では動作確認ができませんでした。m(__)m
- Starting Line Number
開始行番号の指定です。こちらを参考にしてください。
- Tab Size
Tabサイズの指定です。こちらを参考にしてください。
「SyntaxHighlighter Evolved」にはいくつか標準でテーマが選べるようになっています。変更方法は、この「Setting」画面の「Color Theme」で変更できます。下記にテーマごとのイメージを示しておきますので、お好きなテーマに変えて使ってみてください。管理人は「Default」がお気に入りです。
- テーマ：Default
- テーマ：Django
- テーマ：Emacs
- テーマ：Fade to Grey
- テーマ：Midnight
- テーマ：RDark
- テーマ：[None]
非常にわかりやすい解説で参考になりました。
ところでSettinng画面にある、「Additional CSS Class(es)」の使い方がわからなくて悩んでいます。自分で作ったcssのurlを入れてやれば、読み込んでくれるのかと思ったのですが、うまくいきません。使い方を知っていたら教えていただけませんか？
コメントありがとうございます。ご質問の件、実際私は使ったことがないのでわかりません。お役に立てず申し訳
ないです。ただ、これを機会に「Additional CSS Class(es)」の使い方は勉強していこうと思います。何か私の
方でわかれば、ブログで投稿したいと思います。（ ただ最近本業が忙しくて・・・・(^^ゞ )これに懲りずにまた訪
問ください。
[...] SyntaxHighlighter EvolvedのSetting [...]
[...] Bitmacroブログさんの「SyntaxHighlighter EvolvedのSetting」 [...]
[...] わかりやすい解説は「Bitmacroブログ」様にあります。 カテゴリー: 未分類 パーマリンク ← 『Ktai [...]
[...] [参考]SyntaxHighlighter EvolvedのSetting – Bitmacroブログ [...]