Urvanov Syntax Highlighterに移行しよう（旧：Crayon Syntax Highlighter利用者向け）【簡単解決】

WordPressサーバーのPHPバージョンを更新したら、
「Crayon Syntax Highlighter」が使えなくなった。。。
プログラムソースコードの移行が楽で、代替のプラグインは無いかな？

「Crayon Syntax Highlighter」が突然使えなくなった…。

こんな人向けに解決方法を説明します。

僕も、プログラムソースコード表示で「Crayon Syntax Highlighter」を使用していました。実際の移行した画面も見せて説明しますね。

Nakamura

問題点：PHP7.0以降は「Crayon Syntax Highlighter」は使用不可

はい。こちらについては、別記事でもまとめています。

結論から言うと、
PHPのバージョンが7.0以上になると「Crayon Syntax Highlighter」は使用不可であることが分かりました。

具体的には、以下のような表示になってしまいます。

こんな状態の人は、上記の画像のような表示にきっとなっていたはず。（僕がその状態でした。）

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

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

従来のプラグイン「Crayon Syntax Highlighter」は 約10年前に バージョン更新が止まっています。

そりゃ、WordPressに不具合が生じますね。

Nakamura

いろいろと調べた結果、同じ作者が「Urvanov Syntax Highlighter」を出していることが分かりました。

これはピンときましたね。

Nakamura

同じ作者ということは、
ソースコード表示で使われている<pre>タグのCSS-Classは一緒である可能性が高い！
ということは、過去記事のソースコード修正対応は不要の可能性が高い！

Nakamura

つまり、移行が楽にできるとピンときましたね。

ということで、以下の条件で さっそく移行にチャレンジしようと思います。

さっそくインストール＆有効化

はい。プラグインをインストール＆有効化を早速しました。

プラグイン名は「Urvanov Syntax Highlighter」ですので、検索してインストールしましょう。

さっそく、プログラムソースコードの表示を確認してみた

従来通りの見栄えになりました！
ピンときた通りでしたね！

Nakamura

上手くいって、本当に良かったです。

僕は プログラムソースコード記事を 80記事近く投稿していたのですが、
その一つ一つを修正すると思うと 気が重かったので、
CSSのClassタグを一緒にしてくれていた 作者に 本当に感謝ですorz

疑問点：旧プラグイン「Crayon Syntax Highlighter」は削除して大丈夫？

結論、大丈夫でした。

実際に、どういった画面になったかというと、以下の画像の通り。

本記事を作成しながら、
旧プラグイン「Crayon Syntax Highlighter」を削除しましたが、
プラグイン自体にコードは保存されておらず<pre>タグでHTML保存されている認識でしたので安心して削除はできました。

Nakamura

まとめ！

ということで、まとめます。

PHP 7.0台で使用できているため、当分は大丈夫そうですね！

Nakamura

さて、今回はここまでとなります。

Google検索エンジンで、本記事のようなピンポイントのものがなかったので、
少しでも参考になれば、筆者としては幸いです。

以上となります。

ここまでの長文をお読みいただき ありがとうございました。