何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
cocoonでブログを始めたばかりの初心者なのですが、自分で調べてもなかなか解決できない問題に当たり、お力をお借りしたく質問投稿させていただきます。
cocoonを利用させていただいておりますが、最近子テーマ内の下記のエラーメッセージに気がつきました。
このテーマは壊れています。 テンプレートが不足しています。独立したテーマには index.php テンプレートファイルが必要です。子テーマでは style.css スタイルシートにテンプレートヘッダーが必要です。
こちらのサイト内検索で同様のエラーメッセージが表示される方の投稿を読み、どうやらstyle cssにデフォルトで書かれているコードを削除してしまっている事に気がつきました。
こちらの質問です↓
こちらの質問投稿では、style cssの最上部に、
@charset "UTF-8";
/*!
Theme Name: Cocoon Child
Template: cocoon-master
Version: 1.1.1
*/
と入力すると解決すると返答されていたので試して見ましたが今度は、
このテーマは壊れています。 親テーマが見つかりません。「cocoon-master」の親テーマをインストールしてください。
と表示される様になってしまいました。
サイトは普通に表示されているのですがエラーメッセージが気になってしまいます。
どうしたら解決できますでしょうか？
お力をお貸しください！
前略、ぺっぢょ さん
お使いのレンタルサーバーは ConoHa WING でしょうか？
ConoHa WING では、以下のトピックのような問題が生じてしまうことがあるようです。
[解決済] ConoHaウィングからテーマを登録したら親しかダウンロードできてない場合
[解決済] サーチコンソールのモバイルユーザビリティエラーが解決できない
同様の問題でしたら、ConoHa WING のサポートにお問い合わせになってみてください。
他のレンタルサーバーをお使いでしたら、原因は別の問題かもしれません。
@leafytree様
早速のご返信ありがとうございます！
まさにconoha wingを使っております。リンクまでありがとうございます読ませていただきます。
ご指摘いただいた『不具合・カスタマイズ対象ページのURL』がどのページをさしているのかがわからず先に質問投稿してしまいました申し訳ございません。
まず私のブログのリンクをこちらにつけてみます。カスタマイズ対象ページという点で間違った箇所をリンクしていたらご指摘くださると助かります。初心者でご迷惑かけて申し訳ございません。
高速化の設定を確認しましたが全てチェックが外れておりましたのでこのままにしておきます。
以下環境情報になります。
----------------------------------------------
サイト名：釣りが好きな君がすき！
サイトURL： https://tsurigasukinakimigasuki.com
ホームURL： https://tsurigasukinakimigasuki.com
コンテンツURL：/wp-content
インクルードURL：/wp-includes/
テンプレートURL：/wp-content/themes/cocoon
スタイルシートURL：/wp-content/themes/cocoon-child
親テーマスタイル：/wp-content/themes/cocoon/style.css
子テーマスタイル：/wp-content/themes/cocoon-child/style.css
WordPressバージョン：5.6.2
PHPバージョン：7.4.14
ブラウザ：Mozilla/5.0 (Macintosh; Intel Mac OS X 10_12_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/88.0.4324.192 Safari/537.36
サーバーソフト：Apache
サーバープロトコル：HTTP/1.1
エンコーディング：gzip, deflate, br
言語：ja,en-US;q=0.9,en;q=0.8
----------------------------------------------
テーマ名：Cocoon
バージョン：2.2.5.1
カテゴリ数：10
タグ数：4
ユーザー数：1
----------------------------------------------
子テーマ名：Cocoon Child
バージョン：1.1.1
style.cssサイズ：30139バイト
functions.phpサイズ：203バイト
----------------------------------------------
Gutenberg：0
AMP：0
PWA：0
Font Awesome：4
Auto Post Thumbnail：0
Retina：0
ホームイメージ：/wp-content/uploads/2021/02/44FBAEEE-954A-486F-951B-0A75E8209402.png
----------------------------------------------
ブラウザキャッシュ有効化：0
HTML縮小化：0
CSS縮小化：0
JavaScript縮小化：0
Lazy Load：0
WEBフォントLazy Load：0
----------------------------------------------
利用中のプラグイン：
AddQuicktag 2.5.3
Akismet Anti-Spam 4.1.8
BackWPup 3.8.0
Broken Link Checker 1.11.15
ConoHa WING コントロールパネルプラグイン 1.0
ConoHa WING 自動キャッシュクリア 1.0.0
Contact Form 7 5.3.2
EWWW Image Optimizer 6.0.1
Google XML Sitemaps 4.1.1
SiteGuard WP Plugin 1.5.2
WP Multibyte Patch 2.9
----------------------------------------------
ぺっぢょ さん
やはり、親テーマのフォルダ名が「cocoon」になっているので、ConoHa WING からインストールされたもののようです。
本来、Cocoonの親テーマのフォルダ名は、「cocoon-master」でなければならないはずなのです。
でも、現状、子テーマのCSSを読み込んでいるんですよね？
となると、ConoHa WING の方で読み込めるようにしているのか？その辺りは ConoHa WING でないとわからないかと思われます。
ダッシュボードのテーマのところに親テーマが２つあったりするのでしょうか？
このCocoonのサイトから最新の親テーマをダウンロードしてインストールするなどの方法もあろうかとは思いますが、何しろ、ConoHa WING 特有のことのようなので、アドバイスする側としては、ConoHa WING にお問い合わせしてみては、ということになっちゃうんですけど・・（なんか冷たい対応に思われてしまいそう・・）
でもまあ、原因としては、要するに、ConoHa WING がCocoonのテーマのフォルダ名を変更している、ということに尽きるような気がします。
あとは、貼り付けた過去のトピックをよくお読みいただいて、良いと思う方法を自己責任で試すということになっちゃうかもしれません。
いま、このサイトからダウンロードした子テーマのCSSのヘッダーテンプレートを貼ってみますね。
すでに、ヘッダーテンプレートは修正されているので、取り替えてもなにも変わらないとは思いますが。
@charset "UTF-8"; /*! Theme Name: Cocoon Child Description: Cocoon専用の子テーマ Theme URI: https://wp-cocoon.com/ Author: わいひら Author URI: https://nelog.jp/ Template: cocoon-master Version: 1.1.2 */
ぺっぢょ さん
私のテスト環境の環境情報をはりつけてみます。
子テーマのフォルダ名も、Cocoonのデフォルトのフォルダ名と異なっているようです。
---------------------------------------------- サイト名：demo サイトURL： http://demo.local ホームURL： http://demo.local コンテンツURL：/wp-content インクルードURL：/wp-includes/ テンプレートURL：/wp-content/themes/cocoon-master スタイルシートURL：/wp-content/themes/cocoon-child-master 親テーマスタイル：/wp-content/themes/cocoon-master/style.css 子テーマスタイル：/wp-content/themes/cocoon-child-master/style.css WordPressバージョン：5.6.2 PHPバージョン：7.4.1 ブラウザ：Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:86.0) Gecko/20100101 Firefox/86.0 サーバーソフト：nginx/1.16.0 サーバープロトコル：HTTP/1.0 エンコーディング：gzip, deflate 言語：ja,en-US;q=0.7,en;q=0.3 ---------------------------------------------- テーマ名：Cocoon バージョン：2.2.7.4 カテゴリ数：5 タグ数：5 ユーザー数：1 ---------------------------------------------- 子テーマ名：Cocoon Child バージョン：1.1.1 style.cssサイズ：6687バイト functions.phpサイズ：428バイト ----------------------------------------------
ぺっぢょ さん
子テーマのフォルダ名も、本来は、「cocoon-child-master」なのに対して、「cocoon-child」に変更されているようです。
やっぱり、ConoHa WING にお問い合わせください、としか言いようがなくなってきますね。
ぺっぢょ さん
もしかしたら、ですが、子テーマのCSSファイルのテンプレートヘッダーを
Template: cocoon
に書き替えたら、エラーは消えるのかもしれませんが、それでは、根本的な解決にはならないし、Cocoonの親テーマを最新版にアップデートすることもできないかと思われます。
ご返信ありがとうございます。conoha wingに問い合わせを送って見ましたが土日はお休みの様で返信を待つ間ご指導いただいた内容を試みてみようと思います。
ただ、また新たな問題が発生しました。。
ほんとなんでこんな事をしたのか、テーマ一覧画面で出来心でcocoonの親テーマを有効化のボタンを押しました。そうしましたら子テーマが消えてしまいました。。
子テーマをすぐ有効化すれば元に戻ると思っていましたが子テーマが見つかりません。。
どこへ行ってしまったのでしょうか。。
現状サイトはとんでもない表示になってしまっております。。
１トピックにつき１質問のルールを破ってしまっている形になり重ね重ね申し訳ありません。
ぺっぢょ さん
これは推測でしかないのですが、子テーマのテンプレートヘッダーの名前を既に変えていたため、ダッシュボードに表示されないのかもしれません。
だからといって、サーバーのWordPress の themes フォルダ内から無くなってしまう、ということは考えにくいので、きっと themes フォルダ内にはあるのだろうと推測します。
ぺっぢょ さん
最新版の親テーマへのアップデートはとりあえず、おいといて、とりあえずいままで使っていた子テーマの復旧を行った方が良いのかもしれません。
子テーマのCSSでけっこうカスタマイズされていらしたようですので。
ちょっと、やってみないとなんともわからないですが、FTPソフト、もしくはレンタルサーバーのファイルマネージャーで、子テーマのファイル「cocoon-child」にアクセスして、その中にある「style.css」ファイルを開いて、テンプレートヘッダーを「Template: cocoon」に書き直せば、ダッシュボードに表示されるかもしれません。（確証は全くありませんが）
ぺっぢょ さん
FTPソフトが使えれば、それに越したことはないので、FTPソフトでアクセスすれば良いのですが、使ったことがない、という場合は、ファイルマネージャーぐらいしかサーバーにアクセスする方法がないかもしれません。
@leafytree様
本当になんども助けていただいてありがとうございます!!
帰宅後話しかけてくる家族の声も耳にはいらず絶望していたところ光がさしました!!
ご助言いただいた通りサーバーのディレクトリにcocoon childを発見しstyle cssのファイルのヘッダー部分を編集したらダッシュボードに復活しました!!そして有効化したらサイトが元に戻りました!!まだ記事も少ないですが仕事から帰って毎晩チョコチョコいぢってきたので愛着があり、不注意で落としてしまった結婚指輪を婚約者の小泉進次郎氏が見つけ出してくれて感動した時の滝川クリステル氏みたいな心境です!!涙
本当にありがとうございます!!
あ、子テーマ復旧しましたね！
ぺっぢょさん
これから、親テーマを最新版にアップデートする方向になるかと思いますが、その前に、いろいろとバックアップしておくことをオススメします。
子テーマの style.css ファイルをファイルマネージャでダウンロードできればそれでもいいですし、記述したコードを全てコピーして、ローカルのパソコンに新たにファイルを作って保存しておきましょう。
コードを保存する際は、文字コードをUTF-8（BOMなし）でプレーンテキストを扱うことができるテキストエディターの使用をオススメします。
Windows10のメモ帳でも最近、UTF-8（BOMなし）で保存ができるようになっています。
あと、Cocoon設定のバックアップもしておきましょう。
一部、バックアップできないところもあるようなので、マニュアルページをよくお読みください。
このバックアップファイルから、設定を復元することが可能です。
その他、バックアップできるものは手動でバックアップしておきましょう。
そうすれば、最悪、親テーマ、子テーマともに入れ替えるような事態になったとしても、サイトを簡単に復旧することができるかと思います。
その上で、週明けにレンタルサーバーの連絡を待てばよいかと思います。
@leafytree様
有効化した後状態を確認しましたがなぜかフロントページのサイドバーに削除したはずのメタ情報が出ていたので外観→ヴィジェットから非表示に直しました。
とりあえず、エラーが出ていた時のページまで戻れたな、と思ったらエラーメッセージが消えていました!!
親テーマが見つかりませんというメッセージが消えています。
もうわけわからなくなってきました。。
ぺっぢょさん
とりあえず、テンプレートヘッダーは、そのままの状態の方が良いような気がします。
まだ、今は親テーマのフォルダ名は、Cocoon なので、それでつり合いがとれているのだろうと推測します。
@leafytree様
テーマの設定のバックアップなど了解致しました。細かいところまでありがとうございます。
cocoonの最新バージョンは2.2.8かと思うのですが、自分の環境情報を見ると2.2.5.1になっています。つい最近cocoonのバージョアップのアナウンスをwordpressのダッシュボードかどこかで見かけた気がしていて、てっきり自分のcocoonは最新版に自動アップデートされているものと思っていました。こちら親テーマは最新版に手動でアップデートしていくものなのでしょうか？
ぺっぢょさん
通常なら、わいひらさんが自動更新を設定されれば新しい親テーマがダッシュボードの更新のところに表示されるので、チェックを入れてアップデートすれば良いだけなのですが、表示されてアップデートしたら、親テーマがWordPressのテーマのところに２つ表示されたまま、古い方の親テーマが有効になっていて、新しい親テーマが適用されない、といった方が多いように思います。（過去のトピック参照）
親テーマ、子テーマとも、ConoHa WING からインストールすると、デフォルトのフォルダ名とは異なっているようなので、スムーズにアップデートできないのだろうと推測します。
これは、ConoHa WING だけに起こることのようで、他のレンタルサーバーでは、１度だけ似たようなことがありましたが、私がフォーラムで読んだ限りでは、ほぼ、ありません。
リフィトリー様
わいひら様
初心者の説明不足の質問投稿に大変ご丁寧なご回答を頂き本当にありがとうございました。
数日たちましたが一連の流れの後、同じエラーは出なくなりました。
しかしcocoonのバージョンアップが適用されていない問題は解決しないといけないかと思いますので、リンクしていただいた過去記事を読みつつしっかりバックアップして備え、conoha wingに質問しながら親テーマのバージョンアップを試みてみようと思っています。自力で情報収集し初めての事ばかりですので、また困った時はこちらに質問投稿するかもしれませんが、どうぞその時はまたお力をお借りできないでしょうか。
この度は本当にありがとうございました。
ぺっぢょさん
conoha wingに質問しながら親テーマのバージョンアップを試みてみようと思っています。
これをどうやって解決するのかをフォーラムを読んでいる方々が興味を持って注視しています。
解決に至った場合は、どのように解決したのかを書きこんでいただけますと、とてもありがたいです。
こんにちは。ブログ歴１か月の超初心者です。わからない事ばかりで、理解するにも時間がかかりたぶん人より３倍くらいの時間をかけて記事も読んでいます！
私も全く同じ内容が表示されているのに気が付きました。”このテーマは壊れています。 テンプレートが不足しています。”そして子テーマが消えています。
何をしていてそうなったのかも不明です。すみません。（涙）
２年前に投稿されている方法で処理をしたら良いのかどうか、確認の為にメッセージしています。よろしくお願いします。
不具合・カスタマイズ対象ページのURL：
サイト名：オーストラリア暮らしジャーナル
サイトURL： https://auslifej.com
ホームURL： https://auslifej.com
コンテンツURL：/wp-content
インクルードURL：/wp-includes/
テンプレートURL：/wp-content/themes/cocoon-master
スタイルシートURL：/wp-content/themes/cocoon-master
親テーマスタイル：/wp-content/themes/cocoon-master/style.css
WordPressバージョン：6.2.2
PHPバージョン：7.4.33
ブラウザ：Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/113.0.0.0 Safari/537.36
サーバーソフト：Apache
サーバープロトコル：HTTP/1.1
言語：en-US,en;q=0.9
----------------------------------------------
テーマ名：Cocoon
バージョン：2.6.0
カテゴリー数：8
タグ数：1
ユーザー数：1
----------------------------------------------
Gutenberg：1
AMP：0
PWA：0
Font Awesome：4
Auto Post Thumbnail：0
Retina：0
ホームイメージ：/wp-content/themes/cocoon-master/screenshot.jpg
----------------------------------------------
ブラウザキャッシュ有効化：0
HTML縮小化：0
CSS縮小化：0
JavaScript縮小化：0
Lazy Load：0
----------------------------------------------
利用中のプラグイン：
----------------------------------------------
相談内容：下記の内容が表示されていて、子テーマが画面より消えていました。
壊れているテーマ
以下のテーマはインストール済みですが、足りない部分があります。
| 名前 | 説明 | |||
|---|---|---|---|---|
| cocoon-child-master | テンプレートが不足しています。独立したテーマには templates/index.html または index.php テンプレートファイルが必要です。子テーマでは style.css スタイルシートに Template ヘッダーが必要です。 |
不具合の発生手順：よくわかりません。
解決のために試したこと：１．プラグインをすべて外しています。
２．外観 カスタマーズ 追加CSS に下記を添付
@charset "UTF-8";
/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template: cocoon-master
Version: 1.1.2
*/
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：
※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
@auslifetop さん
子テーマの style.css の上部を削除されたのが原因だと思います。
外観 カスタマーズ 追加CSS に下記を添付
追加CSS に書くのではありません。子テーマの style.css に書く必要があります。WordPress 管理画面 > 外観 > テーマファイルエディターから書けると思います。
ちなみに、子テーマの style.css の 1 行目から 11 行目 は消してはいけません。3 行目から 11 行目はスタイルシートヘッダーと呼び、この部分で「このテーマは Cocoon の子テーマなんだね」と WordPress が認識しています。
@akira さん
早速のご返信をありがとうございます！
質問が２つあります。
まず１つ目。
”WordPress 管理画面 > 外観 > テーマファイルエディターから書けると思います。”
との事について確認なのですが、現在テーマ上には子テーマは消えていますが、今の私のテーマファイルエディターは子テーマだということですね？
なお、ご参考までに今現在のテーマファイルエディターの画像を添付しました。
@akira さん
２つ目ですが、”子テーマの style.css に書く必要があります。WordPress 管理画面 > 外観 > テーマファイルエディターから書けると思います。”
と教えて頂いた内容についてですが、今ある内容をそのままにして、その下の部分に下記の内容を添付すればいいのでしょうか？
コードなど全く知識がないもので、初歩的な質問ばかりですみません。
ご返信の程よろしくお願いします。
@charset "UTF-8";
/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template: cocoon-master
Version: 1.1.2
*/
@auslifetop さん
図示しているページは親テーマファイル(style.css)です。
[外観]→[テーマファイルエディター]→編集するテーマを選択
Cocoon Childを選択できませんか？
これが子テーマファイルです。
@chu-ya さん
こんにちは。本当にありがとうございます！！
子テーマが復活しました！
１つ疑問があります。子テーマと親テーマのstyle.css内容は同じなのですが、これでよいのでしょうか？（１行から１５行まで全く同じです）
AKIRAさんからご返信いただいた内容で、
ちなみに、子テーマの style.css の 1 行目から 11 行目 は消してはいけません。3 行目から 11 行目はスタイルシートヘッダーと呼び、この部分で「このテーマは Cocoon の子テーマなんだね」と WordPress が認識しています。
とあり、子テーマと親テーマの内容が一緒でいいのか少し不安になりました。コンタクトフォームを作る時に間違って操作してしまったのではないかという気がしてきました。
よろしくご指導の程お願いします。
子テーマが復活しました！
全く子テーマは復活してないと思います。
子テーマファイルcssに上記コメント行がありません。
https://auslifej.com//wp-content/themes/cocoon-child-master/style.css
●確認事項
確認1
[Cocoon設定]→[テーマ情報]
に「子テーマスタイル」が表示されていないはずです。
確認2
[外観]→[テーマ]を表示した際、赤枠の子ファイルがありますか？
@auslifetop さん
※ 私からは子テーマが正常になったように見えます。
子テーマと親テーマのstyle.css内容は同じなのですが、これでよいのでしょうか？（１行から１５行まで全く同じです）
内容が同じではいけませんが、現在の auslifetop さんのサイトの子テーマと親テーマの内容は違っています。
現在の親テーマには、このように書かれています。
/* Theme Name: Cocoon Description: SEO・高速化・モバイルファースト最適化済みの無料テーマ。 Theme URI: https://wp-cocoon.com/ Author: わいひら Author URI: https://nelog.jp/ Text Domain: cocoon Version: 2.6.0.1 Requires at least: 5.7.0 Requires PHP: 7.4.0 Tags: two-columns, left-sidebar, right-sidebar License: GNU General Public License License URI: http://www.gnu.org/licenses/gpl-2.0.html */
一方、現在の子テーマには、このように書かれています。
/*! Theme Name: Cocoon Child Description: Cocoon専用の子テーマ Theme URI: https://wp-cocoon.com/ Author: わいひら Author URI: https://nelog.jp/ Template: cocoon-master Version: 1.1.2 */
CHU-YAさん ＠AKIRAさん
早速のご返信をありがとうございます! 本当に助かりました！感謝で一杯です。
今後もよろしくお願いします。
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。