ワードプレスのPHPを更新したら「crayon-syntax-highlihter」が含まれている大量の英語が表示された時の対処法

エックスサーバーでワードプレスのPHPを更新したところ、下の画像のエラーが出て焦ってる人に向けた記事です。

ある日、ワードプレスに「PHPを更新してください」という警告が出ていました。

そこで、エックスサーバーのPHP更新画面から更新を行いました。

すると、この画面が！！！

では早速見ていきましょう。

PHP更新時のエラーの正体

結論から言うと、今回のエラーの正体はプラグイン「crayon-syntax-highlihter」でした！

かなり昔に入れたプラグインだったので存在自体忘れていました。

エラーが出る状態のままにしておくと、サイトを訪問してくれた人が記事を読むことができません。

しかも、サーバー上のファイルのパスまで他人に知られてしまいます。

なので、一番最初にPHPをサイトが普通に表示されていたバージョンに戻してください。

 

「crayon-syntax-highlihter」エラーへの対処法

一番簡単な方法はプラグイン「crayon-syntax-highlihter」を削除する方法です。

これ以降更新されることがないプラグインなので、削除するのが一番おススメです。

そして、これ以降もアップデートしてくれる別のプラグインに乗り換えましょう！

このプラグインはSWELLの開発者が作っているので、SWELLを使ってる人にピッタリ！

削除の方法は簡単。

 

ただし、１つだけ注意点があります。

修正は「SearchRegex」という便利なプラグインがあるので、これを使いましょう。

 

★★★★★

SearchRegexで「crayon-syntax-highlihter」→「Highlighting Code Block」に一括変更する方法

★★★★★

 

「crayon-syntax-highlihter」を使い続ける方法

中にはこういう人もいるかも知れません。

ただ、僕はおすすめしません。

それでも大丈夫という人は自己責任で使ってください。

 

では本題の使い続ける方法を2つ紹介します。

 

１．自分で修正する

表示されるエラーコードをよく読むと・・・

ココを修正すれば今回のエラーは解消されます。

具体的な修正方法はこんな感じ。

• 「プラグイン」から「プラグインエディター」を選択！

 

画面上右に表示される「プラグインファイル」の中から「crayon_parser.class.php」を探して選択。
※1つのプラグインの中にもファイルがいくつもあります。

このファイルの340行目を修正します。

 

 

こういったファイルを修正する時は必ずバックアップを取っておきましょう。

簡易的なバックアップの取り方として、コメントアウトを使う方法を紹介します。

修正箇所を分かりやすくするのと、バックアップの意味合いもあります。
変な表示になった場合、コメントアウト部分を元に戻せばOK。

今回編集するファイルはPHPなので、先頭行に//をつける。

コメントアウトした行をコピペしたものを下に追加し、コピーに対して修正を行うようにしましょう。

今回の酒精では

1. 340行目をコメントアウト（先頭に “//”を付ける）
2. 341行目に、340行目をコピペして、[^¥w-+#]　を　[^¥w¥-+#]　に置き換え

修正したら、実際にブログを訪問して確認してみましょう。

きれいに表示されていたら完了です。

 

２．有志が作っている最新版を使う

この便利なプラグイン「Crayon Syntax Highlighter」の開発者は既に亡くなって更新されていませんが、優しい人がアップデートのデータを配布してくれています。

Releases · Crunchify/crayon-syntax-highlighter · GitHub

2023年3月時点で最新のバージョンは「ver. 2.8.6」のようです。

ワードプレス管理画面でプラグインをインストールします。

「プラグイン」→「新規追加」→「プラグインのアップロード」

ダウンロードしたzip形式のファイルをアップロード。

 

これでエラーを解消した「Crayon Syntax Highlighter」を使うことができます。

Crayon Syntax Highlighterエラーを直す方法！PHPバージョン7に対応するには (tabibitojin.com)

まとめ

これを行った後にPHPを更新してみました。

 

無事にきれいなサイトが表示されました！！！

こんな感じ！

カッパ