SyntaxHighlighter Evolved の背景色の設定

はじめに

使用しているテーマにもよるが、コードを書いても見づらかったので、プラグインを今更ながら導入した。今回導入したのは「SyntaxHighlighter Evolved」である。
どのプラグインを使用するかについては、テーマとの互換性を確認しながら決めること。

設定

使い方は全然難しくない。
ブロックエディタの場合には、
シンタックスハイライター」→「ブロック設定から言語を選択」→「実際にコードを書く
これだけ。

背景色

こういうように背景色を変えるには、(Luxeritasの場合には)
Luxeritas」→「カスタマイズ」→「css」→「シンタックスハイライターのcss
ここを変えれば良い。

実際の色の違い

ダーク系が良かったのだが、どういう色か検索してもすぐに出なかったのでまとめた。
個人的には、Okaidiaにした。

Default

Dark

Okaidia

Twilight

Coy

⑥ Solarized Light

⑦ Tomorrow Night

以上。

参照

SyntaxHighlighter Evolved

basic, column, system, topic, wordpress

Posted by himajinn