【WordPress】Crayon Syntax HighlighterはPHP7.0以降使用不可【応急処置まで】

WordPressサーバーのPHPのバージョンを更新したら、
WordPressトップ画面が表示されなくなった。

もしかしたら「Crayon Syntax Highlighter」が悪さをしているかもしれません。

僕は、プログラムソース表示で「Crayon Syntax Highlighter」をしていましたが、
これが原因で WordPressブログの表示エラーが続きました。

Nakamura

こんな状態の人向けに 応急処置まで含めて説明します。

PHP7.0以降へ更新すると「Crayon Syntax Highlighter」は機能しません

筆者は、プログラムソースを表示するのに「Crayon Syntax Highlighter」をしていました。

良いですよね。綺麗にソースコードを表示してくれるので。

しかし、最近、WordPressサイトの読込スピードを向上させるために、
PHPの7.0以上に更新を行ったのですが、WordPressサイトの表示に不具合が発生。

てんやわんやしてました。

原因は「Crayon Syntax Highlighter」ということが分かりました。

まぁ、いきなり本番環境でPHP更新したのが問題なのですが、
個人のブログなんで、そこはご愛敬ということで。

Nakamura

なぜ原因が「Crayon Syntax Highlighter」だと分かった？

以下の方法を、地道に試しました。

WordPressブログのメンドイところは、こういった問題がマス化されていないため、
自分で調べないといけないところですね。

その分、自由が利くので好きですが。

Nakamura

このような状態の人は注意

こんな状態の人は、きっと僕と同じ症状になっているはず。

Google検索しても、こんな状態になっている人を見つけられなかったので、
本記事を投稿しようと思いました。

応急処置①：Crayon Syntax Highlighter のプラグインを無効化にする

結論、「Crayon Syntax Highlighter」のプラグインを無効化すればOKです。（プラグイン削除は未だだよ！）

作成したプログラムソースは消えたりしない？

僕は 消えませんでした！
表示が<Pre></Pre>の寂しい見た目になるだけでした！

ただ、未だ プラグインの削除はしていません！

Nakamura

個人の所感としては、<pre>タグで プログラムソースの記載がある以上、
「Crayon Syntax Highlighter」を無効化しても大丈夫だと思いますが一応。

応急処置②：CSS で見栄えの応急処理

Crayon Syntax Highlighter を使用していた人だからこそ、ソースコードの見栄えを気にしている人だと思います。

WordPressの追加CSS に以下のコードを入れると 最低限の見栄えに修正されるはずです。
※すまん。これが 今の自分が割ける時間での ギリギリだ。。。

とりあえず、上記のCSSで時間稼ぎをしつつ、
過去記事 約80個のソースコードを
別 プラグインに移行して行こうかなと 考えています。

Nakamura

根本解決：別プラグイン「Urvanov Syntax Highlighter」へ移行しよう

はい。

結論、僕はプラグイン「Urvanov Syntax Highlighter」に移行しようと思います。

理由は、<pre>タグが生かせる点。

つまり、将来 似たような事象が起きても、コードは生き残るのでOKって感じ。

PHP7.0台で動いてるから、当分は大丈夫だと信じてます。笑

Nakamura

もし、今回のエラー対応で諸々 嫌になってしまったら、
このタイミングでPHPの学習をしても良いかもしれません。

今回はここまでとなります。

また進展があれば、お知らせします！