WordPress + Cocoonテーマの “整形済みテキスト” をハイライトしないようにした。

2021年10月19日現在の私のブログのCMS(Contents Management System)である “WordPress” とそのブログ用の優秀なテーマである “Cocoon” はとても素晴らしいものです。

ですがさすがに拘った事をしようとするとある程度頑張ってカスタマイズする必要があります。

前は記事内にプログラムなどのコードを挿入する為のコード ブロックについて、長い行を折り返しではなくスクロール表示させる設定をしました。
今回はプログラム コードではない整形済みテキスト ブロックが初期設定ではハイライト表示されてしまう為、これを防止する設定をしました。

公式フォーラムのページに書かれていた情報通りにしたところ、解決出来ました。
感謝致します。

WordPress管理画面 -> Cocoon設定 -> コード タブ -> ハイライト表示するCSSセレクタ -> 入力欄

.entry-content pre:not(.wp-block-preformatted):not(.wp-block-verse)

上記コードに差し替えたところ、整形済みテキスト ブロックと詩ブロックをハイライト対象から除外する事が出来ました。