ALL Blog Program Tips WordPress

【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」だと分かった?

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

ポイント

  • 1つ1つプラグインを無効化にしていきWordPress表示を確認した。

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

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

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

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

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

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

 

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

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

 
作成したプログラムソースは消えたりしない?
僕は 消えませんでした
表示が<Pre></Pre>の寂しい見た目になるだけでした!

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

Nakamura

注意ポイント

  • Crayon Syntax Highlighter を無効化にしても プログラムソースは消えませんでしたが、
    念のため バックアップは取っといた方が良いと思います。
  • Crayon Syntax Highlighter の削除は未実施です。
    移行作業が完了したら、削除しようと思っています。

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

 

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

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

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

コピペでOK

 

WordPress管理画面→外観→カスタマイズ で本画面に移行できます

 

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

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

はい。

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

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

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

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

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

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

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

進展ありました!

プラグイン「Urvanov Syntax Highlighter」への移行方法をまとめました!
超簡単です!

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

続きを見る

 

 




  • この記事を書いた人

Nakamura(nkmr)

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

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