【WordPress】SyntaxHighlighter Evolved の背景色の設定
![](https://himaise.com/wp-content/uploads/2021/09/image-28.png)
はじめに
使用しているテーマにもよるが、コードを書いても見づらかったので、プラグインを今更ながら導入した。今回導入したのは「SyntaxHighlighter Evolved」である。
どのプラグインを使用するかについては、テーマとの互換性を確認しながら決めること。
設定
使い方は全然難しくない。
ブロックエディタの場合には、
「シンタックスハイライター」→「ブロック設定から言語を選択」→「実際にコードを書く」
これだけ。
![](https://himaise.com/wp-content/uploads/2021/09/image-19.png)
背景色
![](https://himaise.com/wp-content/uploads/2021/09/image-20.png)
こういうように背景色を変えるには、(Luxeritasの場合には)
「Luxeritas」→「カスタマイズ」→「css」→「シンタックスハイライターのcss」
ここを変えれば良い。
実際の色の違い
ダーク系が良かったのだが、どういう色か検索してもすぐに出なかったのでまとめた。
個人的には、Okaidiaにした。
① Default
![](https://himaise.com/wp-content/uploads/2021/09/image-21.png)
② Dark
![](https://himaise.com/wp-content/uploads/2021/09/image-22.png)
③ Okaidia
![](https://himaise.com/wp-content/uploads/2021/09/image-23.png)
④ Twilight
![](https://himaise.com/wp-content/uploads/2021/09/image-24.png)
⑤ Coy
![](https://himaise.com/wp-content/uploads/2021/09/image-25.png)
⑥ Solarized Light
![](https://himaise.com/wp-content/uploads/2021/09/image-26.png)
⑦ Tomorrow Night
![](https://himaise.com/wp-content/uploads/2021/09/image-27.png)
以上。