【WordPress】PHP7.1→7.3にVerUp後、デザインが大きく崩れた

問題

PHPを7.1から7.3にVerUp後、以下のようにスタイルが効かなくなってしまった。

原因調査

PHPをバージョンアップしたことで発生するようになったため、PHP側でエラーが発生していると推測。エラーを画面に表示するため、wp-config.phpに、define(‘WP_DEBUG’, true);を追加することにした(本当はだめだけど、調査のためだけだから。。。調査後にfalseにすればOK)

すると、以下のエラーが発生していることを確認。

Notice: Undefined index: function in /xxxxxxxxxx/wp-content/plugins/head-cleaner/head-cleaner.php on line 2899

導入しているHead Cleanerとの相性が悪い?様子。
取り急ぎ復旧するために、このプラグインを無効化した。

復活した!

根本原因は調べなければならないが、そもそも数年前に入れたプラグインが今も必要なのか微妙。定期的にプラグインの整理をしておいた方が、問題解決がしやすくなる。
(そもそも検証機が必要・・・)

 

【WordPress】Autoptimize導入効果(スコア46→56)

GoogleのPageSpeed Insightsにて、当サイトのモバイルの結果が悪かったため、Autoptimizeというプラグインを試してみました。

導入結果

Autoptimize適用前(モバイル:46、パソコン:88)

Autoptimize適用後(モバイル:56、パソコン:88)

 

プラグインを入れただけで、モバイルの数値は少し良くなりました。

他の紹介サイトでは、表示が崩れるなどの問題も報告されていましたが、当サイトでは問題は起きませんでした。

手軽に改善ができるのでおすすめです。

  • WordPress:5.2.3(2019/10/05時点)
  • レンタルサーバ:ロリポップ(ライト。PHP7.1)
  • Autoptimize設定:「JavaScriptコードの最適化:チェックON」、「CSSコードを最適化:チェックON」、「HTMLコードを最適化:チェックON」。
    これ以外の設定はプラグインの初期値のまま変更していません。

 

 

【WordPress】ソースコードをきれいに表示する方法(Crayon Syntax Highlighter→Code Prettifyへ移行)

「Crayon Syntax Highlighter」を使っていたが、C#のコメントやJavaScript自体が表示されないなどの不都合が多く発生するようになったため、今回移行を行った。

「Code Prettify」というプラグインをインストールして有効化後、「Crayon Syntax Highlighter」を停止すれば、これまで投稿していたpreタグで記載された表記はそのまま、Code Prettifyによりきれいにハイライト表示されるようになった!

【WordPress】メニューの編集で403エラー

ロリポップ上のWordPressにて、メニューの編集で保存しようとすると403エラーとなる。

ロリポップのセキュリティ→WAF設定から、対象サーバのWAFを無効にするとエラーが解消された。
設定が反映されるまで数分かかる。
※変更が終わった後は、WAFの設定を有効に戻した方が良い。

【WordPress】W3 Total Cache導入後、500エラー

W3 Total Cache導入後、大半のページが500エラー(500 Error CGI もしくは SSI が正しく動作していません。)になってしまう現象が発生しました。
プラグインを無効化しようとしても、ログインページが500エラーになってしまい何もできない状態となり、とても困りました。

環境:WordPress 4.7.1、ロリポップ

以下のサイトを参考に、FTPにて.htaccessのコメントアウトと、各ファイルをリネームしたところ、ログインページを含め500エラーが解消されました。ありがとうございます。
wpXレンタルサーバーでW3 Total Cacheが500エラーになる問題の解消方法、ピンチから脱出方法!

ただ、その後もダッシュボードに以下のエラーが出続けたため、記載されたパスのファイルもリネームしたところ、エラーが消え復旧しました。
W3 Total Cache Error: some files appear to be missing or out of place. Please re-install plugin or remove /xxxxx/wp-content/db.php.
W3 Total Cache Error: some files appear to be missing or out of place. Please re-install plugin or remove /xxxxx/wp-content/object-cache.php.

結局、よく原因が分からず。管理画面からプラグイン削除はできませんでしたが、今のところ問題なくサイト閲覧ができている状態ですので、様子を見ようと思います。

WordPressはプラグインを気軽に導入できてとても便利ですが、トラブルが発生した場合の解決方法を見つけるのは大変かもしれませんね。