SyntaxHighlighter Evolved 文字サイズ変更

2014-09-242021-06-18

ブログのテーマーを「STINGER3」に変更したら、スクリプト・プログラムを表示する際に使っている「SyntaxHighlighter Evolved 」の文字が大きくなりすぎて見にくかったので修正しました

修正箇所は、shCore.css のcssファイルを修正します
ネットで調べていると「プラグイン」→「プラグイン編集」からでもできるようですが、自分の環境では「shCore.css」の箇所は出て来なかったです

shCore.css 編集

shCore.css　のファイルを開きます

※　/var/www/html/〜となっていますが、コンテンツがあるドキュメントルートのパスに変更して下さい

# vim /var/www/html/wp-content/plugins/syntaxhighlighter/syntaxhighlighter2/styles/shCore.css
/* font-familyを日本語に変更 */
/* font-family: "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; Updater saka-en.*/
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic",

/* font-sizeを13px に変更【3箇所】 */
font-size: 12px !important; // 1em->12pxにフォントサイズ縮小

/* line-heightを1.6em に変更【1箇所】 */
line-height: 1.6em !important;