ALL Blog Program Tips WordPress

Urvanov Syntax Highlighterに移行しよう(旧:Crayon Syntax Highlighter利用者向け)【簡単解決】

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

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

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

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

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

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

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

続きを見る

 

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

 

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

このような表示状態

 

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

  • WordPressのプラグインで「Crayon Syntax Highlighter」が有効化 の状態
  • WordPressサーバー側で「PHP」を7.0以上にバージョン更新した人

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

 

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

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

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

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

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

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

 

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

移行時の状態

  • Crayon Syntax Highlighter」プラグインは無効化にする!
  • Crayon Syntax Highlighter」で作成した記事は そのまま!(何も触らない)
  • Urvanov Syntax Highlighter」をインストール&有効化する!

注意

  • 旧プラグイン「Crayon Syntax Highlighter」は、移行が上手くいったら削除しましょう!
 

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

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

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

 

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

キャプチャ画像

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

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

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

 

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

結論、大丈夫でした。

 

削除した画面(証拠)

 

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

キャプチャ画像

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

まとめ!

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

移行時のポイント

  • Crayon Syntax Highlighterプラグイン無効化する!
  • Crayon Syntax Highlighter」で作成した記事は そのまま!(何も触らない)
  • Urvanov Syntax Highlighter」をインストール有効化する!
  • Crayon Syntax Highlighter」削除は確認後、最後削除する!

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

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

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

以上となります。

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




  • この記事を書いた人

Nakamura(nkmr)

ブロガー│NakamuraBlog(ナカログ)運営 [月1.5万PV]│ 【経歴】IT会社に新卒入社 ▶︎ 通用しない ▶︎ プログラミングに出会う ▶︎ 年間1億円以上のコスト削減プログラムを開発 ▶︎ 会社賞受賞 ▶︎ 少しでも世の中の苦しんでる私と似た人に役に立てればと思いブログを開設。 ● 文系がプログラムと出会って会社員人生が変わった人。 ● 2020年より「嫁を置いて1人旅」の旅動画を投稿開始。

-ALL, Blog, Program, Tips, WordPress
-, ,