SyntaxHighlighter Evolved 文字サイズ変更

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 Pゴシック", "MS PGothic",

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

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

スポンサーリンク

0
0

WordPress

Posted by admin