Elementorのサイトの修正をしていた時に、何気なく行った作業で画像のカルーセルが表示されなくなって、原因がわからなくて困りました。
その時の対処方法をまとめておきます。
ちなみにあまり技術的な内容ではありません。
WordPressとElementorのバージョンの相性が原因だった
wordperssが古いバージョンだったので、最新版にバージョンアップしました。
ついでなので、プラグインも最新版にバージョンアップしました。
その流で、elementorも最新版にバージョンアップしました。
そしたら、記事の中にある画像カルーセルが表示されなくなってしまいました。
通常はjavascriptのエラーが検証ツールで確認できるのですが、今回はなぜかヒントになるような原因がわかりませんでした。
やったことを戻せばいいだけ
こんな事態を想定してなかったので、バックアップもありません。
wordpressのバージョンがいくつだったのか、elementorのバージョンがいくつだったのかが不明です。
つまり、元に戻す情報がなくて、戻せません。
どうやって情報を調べるか？
WordPressのバージョンさえわかれば、ほとんどの問題は解決するはず。
WordPressのバージョンはバージョンアップしてしまった後だと確認できません。
たまたま、バージョンアップ前のサイトを表示した別ウィンドウがChromeに残っていたので、検証ツールでバージョンを特定することができました。
バージョンの特定方法は簡単です。
WordPressはheadタグの中で<script>タグで読み込むファイルの最後にWordpressのバージョン情報が付いているファイルがあります。
それを検証ツールで確認すればWordpressのバージョンがわかります。
もし、別ウィンドウにアップデート前のサイトが残っていなかったら、どうすればいいでしょうか？
web archiveで調べることができると思います。
過去のサイトを表示させて同じようにheadタグを確認すればわかるでしょう。
セキュリティ観点から、headタグにバージョン情報を出力しないようにするカスタマイズもあります。その場合はバージョン情報がわからないままになり、ゲームオーバーです。
Wordrepssのバージョンを戻した⇒elementorが動かなくなった
Wordrpessのバージョンを戻したら、elementorが動かなくなりました。
elementorをバージョンアップしたので、古いWordpressでは動かないようでした。
elementorのバージョンもheadタグで調べることができそうでしたが、ひとまず、現在のWordpressのバージョンで動くelementorに戻すことにしました。
Elementor⇒Tools⇒Version toolsと進むと、現在のWordpressでインストール可能なバージョンが表示されます。
その中で最新のバージョンのElementorをインストールすることができます。
WordPressとElementorのバージョンを戻したら復活した
WordPressとElementorのバージョンをアップデート前にもどしたら、カルーセルが表示されるようになりました。
めでたしめでたしというところです。
しかし、WordpressとElementorの最新バージョンの組み合わせカルーセルが表示されない原因はよくわからないままです。
WordPressが5.4.12というバージョンでかなり古いものであり、最新版に移行する時にどのバージョンから動かなくなるのか調べるのが大変なので、これ以上追及するのはやめました。
まとめ：サイトヘルスの情報を必ず保管しておく
本来であれば『サイトヘルス』⇒『情報』からすべての情報が得られますので、それをどこかにコピペしておくのが正しいと思います。
バージョンの情報があれば、コアやプラグインをそのバージョンに戻すことは簡単だからです。
今回は、影響のないプラグインだけをアップデートしたつもりだったのですが、なぜかwordpressが更新されてしまいました。
サイトにログインしたらサイトヘルスの情報を確認する癖をつけたいと思いました。
