Cocoon親テーマが２つ？ウィジェット画面がおかしい？解決策を丁寧に解説｜ConoHa WING編

WordPressでCocoonの更新をしたところ、親テーマが２つになってしまいました。
ウィジェット画面も今までと違い使いにくい・・・。
ですが、どこにも私と同じウィジェット画面を掲載しているサイトがネット上に見つかりません。

「あれ？私だけ変？」

その原因はConoHa WINGユーザーによく出るエラーにありました。
なぜなら、ConoHa WINGで提供しているCocoonのフォルダ名とCocoon標準のフォルダ名が違うからです。

ブログを始めて日が浅い初心者には、ちょっと何言っているか分からない・・・ですよね。私もそうでした。(^^;

そこで、超初心者の私でも簡単に解消できた方法を画像付きで説明します。

（追記:2021年11月22日以降ConoHaのコントロールパネルよりインストールしたCocoonは今回の問題を修正済み。ConoHa公式サイトより）

Cocoon設定で「閲覧できません」！3分で分かる解決法はこちら

親テーマとウィジェット画面をチェック

まずは不具合が発生しているかどうか、WordPressで確認してみましょう。

不具合の見分け方

①WordPress管理画面→外観→テーマをクリック。
親テーマが２つ存在する。

②WordPress管理画面→外観→ウィジェットをクリック。
下記のような画面が表示される。

以上の２つが当てはまる方は不具合が発生しています。
放置せずに修正を行いましょう。

「cocoon」、「cocoon-master」２つの存在

不具合の原因
【親テーマ「cocoon」と「cocoon-master」２つ存在している状態】

なぜ、親テーマが2つになってしまったのか？
ConoHa WINGとどんな関係があるのでしょうか？

ConoHa WINGでcocoonをインストールした時は、「cocoon」と「cocoon-child」の組み合わせに設定されています。
WordPressでテーマの更新をしたことで、標準の「cocoon-master」が追加されたのです。

つまり、親テーマが「cocoon」と「cocoon-master」の２つ存在している状態。

これから先もWordPressでテーマを更新することになりますので、不具合のまま使用せず修正作業をしていきましょう。

親テーマをcocoon-masterに切り替え

作業前に必ずバックアップ

作業する前には必ず各データのバックアップを取りましょう。

1．WordPressデータのバックアップを取る。
2． Cocoon設定のバックアップ を取る。
3．Googleサーチコンソールやアナリティクスなどのコードをコピペしてメモ帳に保存する。

ConoHaファイルマネージャー確認

では詳しい手順の説明です。

①ConoHa WINGにログイン。

②右上「ファイルマネージャー」をクリック。

③左側「public_html」をクリック。

④サイト名（ドメイン名）のフォルダをクリック。

⑤「wp-content」をクリック。

⑥「themes」をクリック。

cocoonに関するフォルダを3つ発見しました。

cocoon-childの紐づけを変更

①ファイルマネージャー左側「cocoon-child」をクリック。

②「style.css」をダブルクリックしてダウンロード。

③ダウンロードした「style.css」をクリック。→「開く」をクリック。→「メモ帳」が開く。

④「Template」の「cocoon」を「cocoon-master」に書き換える。
（書き換えたらメモ帳を上書き保存。）

⑤書き換えた「style.css」ファイルを「cocoon-child」フォルダにドラックアンドドロップ。

⑥ファイルアップロード「上書きしますか？」→「はい」をクリック。

これで「cocoon-child」と「cocoon-master」の紐づけが完了です！

「cocoon」フォルダを削除

「cocoon-child」と「cocoon-master」の紐づけが出来たので、「cocoon」フォルダを削除します。

①WordPress管理画面→外観→テーマをクリック。

②親テーマである「Cocoon」（新バージョン）を一度有効化する。

それぞれの「Cocoon」をクリックしてください。
バージョンの数字が大きい方が今後使う新バージョンのCocoonです。
確認したら新バージョンの「Cocoon」を有効化します。(今回はバージョン2.3.5.1）

③再度「Cocoon-child」を有効化する。

④ConoHa WINGに戻る。
先ほどと同様、ファイルマネージャーをクリック。
「public_html」→サイト名のフォルダ→「wp-content」→「themes」クリック。

⑤「cocoon」を選択しフォルダを削除。（右クリックで削除。）

「cocoon」のフォルダがなくなり「cocoon-child」と「cocoon-master」の２つになりました。

最終確認

さいごに確認作業です。

①親テーマである「Cocoon」が1つかどうか。

②子テーマである「Cocoon-child」が有効化になっているか。
（WordPress管理画面→外観→テーマをクリック。）

③ウィジェット編集画面が戻ったか。
（ WordPress管理画面→外観 →ウィジェットをクリック。）

④サイトを表示して変わった点はないか。
（Cocoon設定に変化が見られた場合はCocoon設定の復元方法をご参照ください。）

　

ConoHa WING×Cocoon修正のまとめ

さいごにおさらいです！

ConoHa WINGユーザーでCocoonの親テーマが2つある場合・ウィジェット画面がおかしい場合は、ConoHaファイルマネージャー内にある「cocoon-child」を「cocoon-master」と紐づけする。

ConoHa WINGはとても使いやすいのですが、WordPress更新時に今回のような不具合が発生するようです。
しかし、ConoHa WINGユーザーが様々な知識を持って親切・丁寧に教えてくれたり、記事にしてくれています。
ですので、私のような初心者でも続けていくことができています。(^-^)

私が今回の不具合に気づくことができたのも、先輩ユーザーさんのおかげでした。
今回ご紹介した方法とは違う方法 （Cocoonを一度削除して入れ直す方法） で修正されていますので、ご覧になってみてください。

私は過去に、WordPressを再インストールした経験から「再インストール」にトラウマがあり、別の方法を探しました(>_<)
参考記事 開始１週間でWordPressを再インストールした原因は？

色々な修正方法がありますので、ぜひご自身にあった方法で修正してみてください☆

初心者のつまずきを解消するお役に立てればと思い、今回の記事を書かせていただきました。
より良いサイトを構築できるよう、これからも皆さんのお役に立つ記事を更新していきたいと思います。

さいごまで読んでいただきありがとうございました！

あわせて読みたい　
無料独自SSLの有効期限を延長させる方法

【2022年版】アフィリエイト初心者におすすめ人気ASP4選