koikenote-loading
広告あり

【Cocoon】トップページから消えた「タブ」が復活!原因はプラグインでした

ブログ運営
記事内に広告が含まれています

3日ほど前に突然トップページから消えたタブ(投稿記事一覧の上にある新着記事とカテゴリの切り替え)、無事に復活しました!

結論としては、ブログの作成中・メンテナンス作業用に入れていたプラグイン「WP Maintenance Mode & Coming Soon 2.5.4」が原因でした。

不具合発生から解決までに試した「エラーの探し方」や「解決方法」をこの記事にまとめておきますので、もし同じプラグインを利用されている方、似たような不具合が発生している方がいらっしゃれば、参考にしてみてください。

今は困っていないけれど「もしもに備えて知っておきたい」というWordPress初心者さんにも、最後まで読んでいただけると嬉しいです。

この条件に当てはまる方はご注意ください
  • WordPressのテーマで「Cocoon」を使用中の方(スキン問わず)
  • プラグイン「WP Maintenance Mode & Coming Soon」をインストールされている方
  • トップページの設定を「Cocoon設定インデックス」、表示設定は「最新の投稿」で行っている方
スポンサーリンク

不具合発生!トップページから突然消えたタブ

いつだってすぐそこに居たのに、行方不明は突然に。

2022年10月現在、koikenoteのトップページは「Cocoon設定」→「インデックス」→「フロントページタイプ:タブ一覧」で設定しています。

投稿の新しい順に記事が並び、上部のタブ4つ「新着記事」「暮らしのヒント」「おすすめアイテム」「雑記あれこれ」で表示が切り替わるのが正常な状態。

タブが消える前

吹き出し風にしたり、カスタマイズも行っていて、見やすくて気に入っています。

そのタブが消えてしまいました。

タブが消えた後

その時私が何をしていたかというと……

タブが消えた頃にやっていたこと
  • プラグインでメンテナンスモードにした
  • 「アピールエリア」を設定しようとした(試して気に入らず、すぐ非表示に戻した)
  • CSSの追加で「タグクラウド」をカスタマイズ
  • ウィジェットで「コンテンツ上」に画像を配置(試して気に入らず、すぐ削除)
  • ヘッダーの設定を変更
    (メニューを上に、キャッチコピーを非表示にしてロゴとセットの画像に変更)
  • トップページでは非表示に設定したままのサイドバーが現れたので「ウィジェット」の表示設定を「チェックしたページで非表示」から「チェックしたページで表示」に変更した

いろいろやってましたね……。

メンテナンスモードにしたついでとばかりに続け様にいろんな設定を触ったので、何が一番の原因か特定できずに困りました。

極度の心配性なのでいつもはもっと慎重なのに、なんでこの夜はそんなに大胆だったのでしょう。

重めの記事書いたり消したりちょっと気持ちグラグラだった夜ですね

今回は効果がなかった初期対応

消えてしまったタブを呼び戻すべく、思いつく限りの対処をしてみました。

タブ復活のために試したこと(解決せず)
  • 追加したCSS(アピールエリアのサイズについてとタグクラウド)を削除
    →変化がなかった(復活しなかった)のでタグクラウドのCSSは戻した
  • Cocoon設定「インデックス」の「フロントページタイプ」を他の表示形式に変更
    →何を選択しても変更が反映されない(「カードタイプ」は変更が反映される)
  • 一時的に「スキン」を選んでみた
    →これも効果がなく「スキンなし」に戻した
  • ヘッダーの設定も元に戻すなど試したが効果なし

半日後には実家に帰らねばいけないので必死でしたが、解決に至らず。

寝て起きてもやっぱりない、トップページにタブがない。ショック。

実家では同様の不具合報告・解決方法がないか調べつつ、少しブログから離れて気分転換してきました

どんどん検証!ブログの不具合はこれで解決!?

もしかして、何かとんでもないことやらかしちゃったのかな?
テーマの再インストールとかしないとダメかな?
トップページを固定で作る良い機会かな?
でももしテーマが破損したのならちゃんと対処しておきたい!

エラーの原因を突き止める方法をどんどん試そう!

カスタマイズCSSの検証

CSSにエラーがないかどうかは「CSS Validation Service」でチェックしました。

Cocoonの「高速化」を解除して、URL検証とカスタマイズで追加したCSSのみの検証を行うと、2点エラーを見つけることができ、即対応(数値的な細かい部分でした)。

するとカスタマイズCSSは「おめでとうございます! エラーはありません。」と出たので一安心。
(URL検証の方ではまだエラーが出るものの、私にはどうしようもない部分ぽいので保留)

でもトップページを更新してもやっぱりタブは戻っていません。

自分で追加したCSSが一番の原因じゃないのは良かったけれど、謎は深まる

トラブルシューティングモードを試す

次はCocoonの公式サイトで紹介されていた「トラブルシューティングモード」とやらを試します。

Health Check & Troubleshooting」というプラグインを使うことで、ログイン中の管理者にのみ全てのプラグインを無効化できるとのこと。

同時に見ている訪問者にはこれまで通りプラグインが有効の状態で公開されているそうです。

なにそのすごい機能!

参考にさせていただきました

インストールして試したところ、無事に「トラブルシューティングモード」にはなるのですが、一旦別のテーマ「Twenty Twenty-Two」が適用された後、Cocoonに切り替えると画面は真っ白になり、他のテーマに変更ができなくなりました(「Twenty Twenty-Two」にも戻すこともできません)。

えーー、なんだか嫌な予感。

テーマが壊れていたらどうしよう

Cocoonフォーラムで質問してみる

できるだけやった!と思えたので、ここで勇気を出して初めて「Cocoonフォーラム」に投稿をすることにしました。

なんだかすごい知的な会話が飛び交っている場所なので、緊張します。
ガイドラインをよく読んで、投稿時に必要な環境状況などを下書きしておきました。

フォーラムで初めて質問をする場合は、まず画面右側のサイドバーにある「フォーラムに参加」から登録が必要。

登録後、「不具合報告」のページから「トピックを追加」をクリックすると入力欄が現れます。

ドキドキしながら『「フロントページタイプ:タブ一覧」のタブが表示されなくなりました』というトピックを作成。

誰か答えてくれるかな、ドキドキ

見事解決!帰ってきたタブ

Cocoonフォーラムに投稿して約10分、返信をくださる方登場!

なんと、似たような現象が起こっているとのこと。私だけじゃなかったようです。

原因と解決策をご教授いただきました!!

Cocoonのトップページからタブが消えた場合
エラーの原因
  • 「WP Maintenance Mode & Coming Soon」のバージョンアップ
    (メンテナンス用の固定ページを設定できるようになったため、「最新の投稿」の設定が正式なトップページとして反映されていなかったようです)
対策・解決方法
  • まず、プラグインの「WP Maintenance Mode & Coming Soon 2.5.4」を無効にしてキャッシュをクリア
  • 「設定」→「表示設定」→ホームページの表示を「最新の投稿」にして「変更を保存」
    (「最新の投稿」になっている場合も必ず再度「変更を保存」をする)

おかげさまで、見事に復活してくれました!

フォーラムに投稿してからのスピード解決に、驚きと感動と感謝でいっぱいです。

最終的にはプラグインが原因だと判明しましたが、CSSの検証やトラブルシューティングモードなど、より健全なブログ運営のために勉強する良い機会になりました。

Twitterやフォーラムでアドバイスをくださった方々、本当にありがとうございました!

一件落着でほっとしたと同時に、どんどん勉強したい気分になってます

\ この記事へのコメント /

スポンサーリンク