目的(エラー内容)と動作環境
WordPressで人気テーマ(外観)のCocoonをインストールしてみたが、WordPress管理画面(ダッシュボード)の左サイドバーの”Cocoon設定”を選択してCocoon設定画面を開くと各種設定タブは表示されるけど、この各種タブを選択しても何の反応もなく設定画面がまったく表示されない問題が発生したので、この問題の解決するためにやった事を書いていきます。
結論!原因は、、、Cocoonのバージョン自動更新が原因でした。(;゚Д゚)
■動作環境は以下の通りです。
OS:Windows11
WordPress:6.2
Cocoonテーマ: 2.5.1
PHP:7.4
サーバー:ConoHa WING
![](https://i0.wp.com/simple-365.com/wp-content/uploads/2023/08/ada714eb1b9ee45745f83479ffbf9d60.png?resize=1000%2C492&ssl=1)
解決方法4選
- Cocoon親テーマのバージョン確認&再インストール
- プラグイン「UpdraftPlus」によるバックアップ復元(これで解決しました!!)
- 子テーマのCocoon設定をリセット
- プラグインを無効化
解決法① Cocoon親テーマのバージョン確認
本サイトはこれまで、Cocoon子テーマを有効化しており、ある日ログインすると、親テーマの更新通知がありました。何も考えずに更新を行い、普段通りにブログ記事を投稿しておりました。
![](https://i0.wp.com/simple-365.com/wp-content/uploads/2023/08/e8f24b2503d8d7cb2165ac6a6f0400c7-1.jpg?resize=995%2C448&ssl=1)
ですが、Cocoon設定へ行った時には、時すでに遅し、、、(◎_◎;)」
Cocoon設定のボタンが全く反応しませんでした。
つまり、Cocoonの親テーマを前回のバージョンに戻すことで解決できました!
今回は、Cocoonの親テーマを以前のバージョンに戻す方法を解説します。新しいバージョンが不具合を引き起こしたり、デザインが合わなかった場合に、前のバージョンに戻す方法を学びましょう。
ステップ 1: バックアップを取る
バージョンを戻す前に、大切なデータを保護するためにバックアップを取りましょう。ウェブサイト全体をバックアップすることをおすすめします。
ステップ 2: バージョンの特定
まず、戻したい以前のバージョンを特定します。バージョン別ファイルはCocoonテーマの公式ウェブサイトやリポジトリで入手できるはずです。
ステップ 3: テーマを削除
ダッシュボードにログインし、「外観」→「テーマ」を選択します。Cocoonテーマを選択して「削除」ボタンをクリックします。これにより、現在のバージョンが削除されます。
ステップ 4: 以前のバージョンをアップロード
前のバージョンのCocoonテーマを手に入れたら、「外観」→「テーマ」で「テーマを追加」ボタンをクリックします。ファイルを選択してアップロードすることで、以前のバージョンをインストールできます。
ステップ 5: テーマを有効化
アップロードが完了したら、以前のバージョンのCocoonテーマを有効化しましょう。デザインや機能が以前の状態に戻ったことを確認してください。
ステップ 6: テストと調整
テーマが以前のバージョンに戻ったら、ウェブサイトのページをチェックして正常に動作するかどうかをテストしましょう。必要ならば、デザインや設定を微調整して最適な状態に調整してください。
以上で、Cocoonの親テーマを以前のバージョンに戻す手順が完了です。新しいバージョンに対応できない場合や、戻したいデザインに戻す際に、このガイドがお役立ていただければ幸いです。
解決法② プラグイン「UpdraftPlus」によるバックアップ復元
こんな時、非常に役立ったのが「バックアップを用いたサイトの復元」です。
※この方法は、主にUpdraftPlusでバックアップを定期的にしている方が行える方法です。
ステップ3から、進めると復元ができます。
UpdraftPlus(アップドラフトプラス)は、WordPressウェブサイトのバックアップと復元を手軽に行うためのプラグインです。ウェブサイトのデータやコンテンツを定期的にバックアップすることで、データの損失や障害に備えることができます。
特にUpdraftPlusは、バックアップファイルを定期的にクラウド保存できるため、設定をいじる前の状態(バージョンアップ前の状態)に戻すことができました。
結果的に、Cocoon設定を正常に表示させることができました。
![](https://i0.wp.com/simple-365.com/wp-content/uploads/2023/08/updraftplus.png?resize=1024%2C332&ssl=1)
さらに、自動バックアップや外部ストレージへの保存などの機能も備えており、WordPressウェブサイトの安全性と信頼性を向上させる手段として広く活用されています。
ステップ 1: プラグインのインストールと有効化
まず、ダッシュボードにログインしてください。管理画面左側のメニューから「プラグイン」→「新規追加」を選択します。検索バーに「UpdraftPlus」と入力し、プラグインを見つけてインストール&有効化してください。
![](https://i0.wp.com/simple-365.com/wp-content/uploads/2023/08/59aae25e763feb4e3fd784f11a4baae0.png?resize=545%2C302&ssl=1)
ステップ 2: バックアップの作成
- 「設定」→「UpdraftPlus バックアップ」に移動します。
- 「今すぐバックアップ」ボタンをクリックします。
- バックアップの種類を選択し、必要に応じてデータベース、テーマ、プラグイン、アップロードファイルなどを選択します。
- 「バックアップを開始」ボタンをクリックしてバックアップを開始します。
ステップ 3: バックアップのダウンロード
戻したい特定の日のバックアップが完了したら、同じ「UpdraftPlus バックアップ」ページで、バックアップ一覧が表示されます。バックアップの下にある「ダウンロード」ボタンをクリックして、バックアップファイルをダウンロードしてください。これにより、データを外部の場所に保管できます。
定期的にバックアップしている方は、戻したい日の「Backup data」の各データ5項目をクリック後、「Download to your computer」をクリックすることで、ローカルに保存できます。
![](https://i0.wp.com/simple-365.com/wp-content/uploads/2023/08/46d906af029bb0b1e3d1095ffff83491.png?resize=1024%2C596&ssl=1)
■ダウンロードが完了したら、1つのフォルダに纏めて大切に保管しておきましょう。
定期的にデータを保管しておくと、時系列を変えながら正常時に戻せます。
![](https://i0.wp.com/simple-365.com/wp-content/uploads/2023/08/7e8e28db86f705be2ca09b007f15225f.png?resize=1000%2C577&ssl=1)
ステップ 4: ウェブサイトの復元
- 同じ「UpdraftPlus バックアップ」ページで、「アップロードしたバックアップファイルを復元」ボタンをクリックします。
- バックアップファイルを選択してアップロードし、必要に応じてデータベース、テーマ、プラグイン、アップロードファイルを選択します。
- 「復元」ボタンをクリックして復元プロセスを開始します。
ステップ 5: 復元の確認
復元が完了したら、ウェブサイトのページを確認して、データが正常に復元されたかどうかを確認してください。
ステップ 6: 定期的なバックアップを設定
安心して運用するために、定期的なバックアップを設定しましょう。UpdraftPlusは自動バックアップの設定もサポートしています。バックアップの頻度や保管場所を選択して、データを守る習慣をつけましょう!
以上で、UpdraftPlusを使ったWordPressのバックアップと復元の手順が完了です。大切なデータを守り、安心してウェブサイトを運営しましょう。問題がある場合は、UpdraftPlusの公式ドキュメンテーションやサポートフォーラムを活用してみてください。頑張ってください!
解決法③ 子テーマのCocoon設定をリセット
STEP1
ワードプレス管理画面 → 外観 → テーマ → 親テーマを有効化
![](https://i0.wp.com/simple-365.com/wp-content/uploads/2023/08/05a8fa327a17e751d35533bf2e5ec632.jpg?resize=1000%2C453&ssl=1)
STEP2
ワードプレス管理画面 → Cocoon設定 → バックアップ
![](https://i0.wp.com/simple-365.com/wp-content/uploads/2023/08/253c226d4a74a81b38feb9f6b0d6bfec.png?resize=577%2C307&ssl=1)
Cocoon設定からバックアップを選択後、
「バックアップファイルの取得」を選択します。
選択後、ローカルに親テーマのバックアップファイルが保存されます。
![](https://i0.wp.com/simple-365.com/wp-content/uploads/2023/08/18f9031068d25e9e3a91e6e2abb9dc98.png?resize=847%2C519&ssl=1)
STEP3
外観 → テーマ → 子テーマの有効化
![](https://i0.wp.com/simple-365.com/wp-content/uploads/2023/08/4b1848db9b6f78e23b67175dc144c198.jpg?resize=1000%2C466&ssl=1)
STEP4
Cocoon設定 → バックアップ → バックアップファイルのリストア
先ほど、ダウンロードしたバックアップファイルを「ファイルを選択」からアップロードします。
アップロード後「設定の復元」を選択します。
![](https://i0.wp.com/simple-365.com/wp-content/uploads/2023/08/18f9031068d25e9e3a91e6e2abb9dc98.png?resize=847%2C519&ssl=1)
これで、子テーマのCocoon設定がリセット完了です。
この方法を試してみましたが、、、
私のサイトではCocoon設定は表示されませんでした。(-_-;)
解決法④ プラグインをすべて無効化
STEP1:プラグインページへ移動
管理画面の左側メニューから「プラグイン」→「インストール済みプラグイン」を選択します。
これにより、すべてのインストール済みプラグインが一覧表示されます。
![](https://i0.wp.com/simple-365.com/wp-content/uploads/2023/08/b467762f00a4c2d8ecaa1907fb4bf53c.png?resize=405%2C261&ssl=1)
STEP2:使用中のプラグインを一時停止
![](https://i0.wp.com/simple-365.com/wp-content/uploads/2023/08/67b85c78229ac4b4982b09ddb32f11e6.png?resize=402%2C241&ssl=1)
プラグイン一覧画面で、上部にある「すべて選択」チェックボックスをクリックして、すべてのプラグインを選択します。次に、「一括アクション」ドロップダウンメニューを選択し、「無効化」を選びます。最後に「適用」ボタンをクリックして、選択したすべてのプラグインを一時停止します。
STEP3:エラーの確認
プラグインを無効化した後、ブログのエラーが解消されたかどうかを確認してください。エラーが消えた場合、無効化したプラグインの中に問題を引き起こすものがある可能性が高いです。
STEP4:プラグインの再有効化
エラーが特定された場合、問題を引き起こすプラグインを特定します。特定したら、無効化したプラグインの中からそのプラグインだけを再有効化してみてください。これにより、問題のプラグインが本当に原因であるかどうかを確認できます。
STEP5:問題の解決と注意点
問題の原因を特定し、該当プラグインを修正または代替プラグインに置き換えることでエラーが解決されるはずです。ただし、新しいプラグインを追加する際は、テーマとの互換性やセキュリティに注意を払うことをお忘れなく!
以上で、プラグインを無効化してエラーを解決する手順が完了です。エラーの解決に向けて、スムーズな作業を行ってくださいね。頑張ってください!
まとめ
本記事では、Cocoon設定の各種ボタンが反応しない際の対処方法を、紹介しました。
ブログを開設して早々、同じことで悩んでいる方の参考になればと思い書き起こしました。
実はこの問題を特定するのに、約1週間掛かりました(笑)(;゚Д゚)(;゚Д゚)(;゚Д゚)
今回の問題を通して強く感じたことは定期的なバックアップが非常に重要だということです。
ふと何かの設定に変更を加えてしまい、問題に気づいた時には当然焦ってしまいます。
バックアップはプラグインや契約中のサーバーなどで設定できますので、随時確認しましょう!!
余談:バックアップ可能なサーバー「ConoHa WING」
私自身が実際に利用しているサーバーとして、ConoHa WING(コノハウィング)を紹介します。
![](https://i0.wp.com/simple-365.com/wp-content/uploads/2022/10/conoha-logo.png?resize=410%2C192&ssl=1)
![](https://i0.wp.com/simple-365.com/wp-content/uploads/2022/10/conoha.png?resize=146%2C195&ssl=1)
◆独自ドメインが<最大2個>永久無料になる「WINGパック」
・国内最安値水準の月額880円からご利用できる長期利用割引プラン登場!
・「WINGパック」の契約中は「.com」や「.net」などの独自ドメインが最大2個永久無料で利用可能!
・お申し込み後のプラン変更も自由自在!
圧倒的な速さと安定性を実現
![](https://i0.wp.com/simple-365.com/wp-content/uploads/2022/09/c1d240d7adb63b97bf0e33b2fcc7b203.png?w=1256&ssl=1)
セキュリティ対策も万全
![](https://i0.wp.com/simple-365.com/wp-content/uploads/2022/09/477beb3988f22f641d47bbd81563136f.png?w=1256&ssl=1)
選べる料金タイプ
![](https://i0.wp.com/simple-365.com/wp-content/uploads/2022/09/4c9f7be9a5efdee235bb6ad344057c17.png?w=1256&ssl=1)
超お得な特典:独自ドメインが取得可能
![](https://i0.wp.com/simple-365.com/wp-content/uploads/2022/09/6c51a36ee7a65c4991534428cf1c5240.png?w=1256&ssl=1)
▶︎比較した指標
- コストパフォーマンス: SSD容量300GB以上。通信の高速化により業界トップを実現。
- 初期費用と月額費用: 初期費用無料。月額1000円でハイスペックサーバーを実現。
- 機能の有無: WordPressに対応。独自SSLによりセキュリティ強化。
![](https://i0.wp.com/www12.a8.net/0.gif?resize=1%2C1&ssl=1)