【WordPress】コードブロックの表示がおかしくなった時の対処法

WordPressのCocoonテーマを使用中に、外部のコードブロックプラグインを使用したときに表示がおかしくなった。今回は、その対処法をご紹介。

編集中の表示はおかしくはなかったが、プレビュー表示してみると、コードの色合い（本来オレンジ色で表示されるはずの”Hello world”が灰色で表示されている）や、行数の表示がおかしくなっている。

原因

Cocoonのコードブロック機能が、後から導入した外部のコードブロックプラグイン（私の場合は、Code Block Pro）と競合しておかしくなっている。

対処法

Cocoon設定>コード>ハイライト表示のチェックボックスを２つとも外すとCocoonのコードブロック機能を無効にでき、競合しなくなる。