アフィリエイトの登録や WP アソシエイトポストR2、Google Site Kit や LiteSpeed Cache 等のプラグインの設定も終わり、選択したテーマの Cocoon の見た目のカスタマイズも殆ど終わって形がやっと整ってきたので、これから溜め込んでいた下書きを形にしようと考えていた時でした。
どのようなきっかけだったのか当時は分かりませんでしたが、急に Cocoon テーマのライブプレビューが動作しなくなってしまいました。
Cocoon テーマのライブプレビューが動作しなくなった
最初に気付いたのは、テーマ選択のライブプレビューが動作しなくなった事でした。
- テーマ選択のライブプレビューが動作しない。白地にエラーメッセージが表示される。
- 「外観」の「カスタマイズ」、「ヘッダー」、「背景」を選択すると同様のエラーメッセージが表示されて先に進めない。
- それ以外の機能は問題なく使用できる
- 「外観」の「ウィジェット」や「メニュー」は使用でき、変更結果も反映される
という状況で、WordPress と Cocoon テーマを使い始めたばかりの私には何が何だか分からない状態でした。下の図が表示されたメッセージですが

「何かがうまくいかなかったようです。」「このチェンジセットはこれ以上変更できません。」と言われても何が悪いのか私にも分かりません…「新規変更をカスタマイズ」を選択しても別画面に遷移しないので、元のページに戻るしか方法はありませんでした。このメッセージを出力しているのが、WordPress なのか Cocoon テーマなのか、それともプラグインなのかの判断もつきませんでした。
トラブル解消の為にやった事 (全て解決に至らず)

理由が分からないので、直前に行った事を振り返ってみました。
- DNS を LOLIPOP! からムームードメインに変更
- Wordfence Security プラグインをインストールして試して、すぐに消去
- Cocoon テーマのアップグレードが来ていたので更新
- Google Site Kit のアップグレードが来ていたので更新
思い返してもこの位しかありませんでした。
そこで、WordPress のトラブル事例をググりながら、一つ一つ確認していきました…が、以下に記載した内容を実行しても、今回のトラブルは解消できませんでした。
- DNS をムームードメインから LOLIPOP! に戻す
- Cocoon テーマの入れ直し (別テーマに変更後、一度消してもう一度入れる)
- Cocoon のキャッシュの削除
- ブラウザ (Chrome) のキャッシュの削除
- WordPress のキャッシュの削除
- WordPress の再インストール (ダッシュボードの更新から)
- プラグインを全て無効
- LOLIPOP! の WAF (Web Application Firewall) 設定を OFF
- LOLIPOP! の海外アタックガードを OFF
- Plugin Garbage Collector プラグインでデータベースの不要なのテーブルの削除
ここまでやっても、状況は変化せずエラーメッセージが表示されていました。

Cocoon テーマのアップグレードで解消!
ここまで作業しても直らず、WordPress の debug を有効にして表示を追ってみましたがよく分からずじまいでした。諦めかけて別テーマで似たレイアウトを作り始めましたが、Cocoon に慣れ始めていたのでしっくりせず、継続して使用するのは難しいと感じていました。
そこで、WordPress のデータのバックアップを先に行えるようにして、それから一旦全消去、空の状態で問題ないか確認しようか、あるいはサブドメイン作ってWordPress 入れて確認するか、どちらかの方法を試してみようかと考えました。
まず、WordPress のデータのバックアップをしました(これは別の記事で手順を書きます)。バックアップ作業が終了し、リストアを試し、ついでに WinSCP や ssh で LOLIPOP! に入る方法を試してみました。
バックアップ作業をしている間に、もう一度トラブル発生時の状況を思い出すと「そういえば Cocoon テーマをアップデートしていた」事を思い出して、更に新しいバージョンが出ていないかを確認しました。


インストールしていた Cocoon のバージョンは 2.5.6、ダウンロードできる最新版は 2.5.6.2 でした (今確認したら 2.5.6.3 も出ていました)。更新は昨日2月2日ですので、何か対処されているかも?と期待が膨らみました。
改めてテーマをダウンロードして、念のためバックアップを取ってから試したところ、今回のトラブルが嘘のように解消しました!


結果的には、CoCoon のバージョンアップによって 2.5.6 を使用していたのが原因でした。改めて Cocoon のフォーラムを見ると、同じ事象が発生していたのが分かりました (最初に確認するべきでしたね)


本日2月3日になって、バージョン 2.5.6.2 に上げるとトラブルが解消できる投稿がありました。同じように悩んでいる方が多かったのですね。
【検証】LiteSpeed Cache データベース最適化の「ごみ箱内のコメント」を削除でも復活
フォーラムを見ると、
追加CSSがゴミとしてWP_POSTに残っており。
https://wp-cocoon.com/community/postid/67639/
DBから削除したら直りました。
もしかしてと思い、LiteSpeed Cache の「データベースの最適化」から不要なデータを一つずつ消してみました。すると

上記の「ごみ箱内の投稿」を削除すると、Cocoon のバージョンが 2.5.6 でもライブプレビュー含め復活しました。(確認が済んだので、Cocoon のバージョンは最新版に更新しました)
LiteSpeed Cache のデータベースの最適化は、適宜行っておいた方が良さそうです。
まとめ
WordPress と Cocoon を使い始めて4日目、初めてトラブルに遭遇しました。このようなトラブルの原因を探して解決するトラブルシューティングは、個人的には楽しい作業です。
普段は調べないような事もググって調べて試してみて、その結果から次の対策を考えてやってみる事の繰り返しは、初めてPCを使い始めてから繰り返している事です。そのような中から新しい経験や知識が身に着くと考えていますので、今回の件も良い経験になりました。
また、今回の件を通して、WordPress を運用するのに必要な、バックアップやリストア、データベースの整理(最適化)、デバックメッセージの収集方法、レンタルサーバへの ssh 接続や WinSCP の使い方、phpMyAdmin の使い方、等々、この先役立つ知識を得られたと考えています。
この先も WordPress & Cocoon テーマで試行錯誤を続けていきたいと考えています。
今日のアイキャッチ画像
AdrianによるPixabayからの画像です。苦労の先には解決があり、その経験は直ぐに使う事は無くとも必ず自分にプラスになると信じています。
コメント