サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
2021-07-20 21:58
以前から出ていたのかが分かりませんが。
スキンのスタイルシートに何かエラーが出ています。
Refused to apply style from 'https://freewheeling-11-blog-invesurgeon.com/wp-content/themes/cocoon/skins/skin-colors-blue/style.css?ver=5.7.2' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled.
MIMEタイプが原因で、「https ://freewheeling-11-blog-invesurgeon.com/wp-content/themes/cocoon/skins/skin-colors-blue/style.css?ver=5.7.2」からスタイルを適用することを拒否しました （ 'text / html'）はサポートされているスタイルシートMIMEタイプではなく、厳密なMIMEチェックが有効になっています。
ちょっと今まで見たことない感じのエラーです。
Topic starter
2021-07-20 21:59
mk2 様
ダッシュボードから2.3.3.3にアップデートできました．
ありがとうございます．
Topic starter
2021-07-20 22:01
リフィトリー様
確かに，枠線がなくなっていて変になっています．スキンを調べたところ，スキンが何も設定されていない状態になっていました．こちらを変更してみます．
Topic starter
2021-07-20 22:03
スキンを変更したら枠組みが戻りました！
2021-07-20 22:05
スキンを変更したら枠組みが戻りました！
スキンに関するエラーも消えました。
Topic starter
2021-07-20 22:07
今のCocoonを最新版にした状況で，
「Cocoon設定」－「AMP」タブの以下の部分のチェックを外す
から再度チェックを入れて，AMPのエラーがでるかを検証してみます．
リフィトリー reacted
2021-07-20 22:08
「Cocoon設定」－「AMP」タブの以下の部分のチェックを外す
から再度チェックを入れて，AMPのエラーがでるかを検証してみます．
了解です。
リフィトリー reacted
2021-07-20 22:14
kuchanさん
AMPでスキンも子テーマも適用できたのですね。
Topic starter
2021-07-20 22:39
①「style amp-custom」の CSS 構文エラー - 宣言が不完全です。
こちらのエラーに対して施行したのは以下の通り．
１）「Cocoon設定」➡「AMP」➡「サイズ制限対応」の2項目のチェックを外す．
２) AMP testを行ってみると『有効なAMPページです』に切り替わる
＊ただしConoHa WING 特有のCocoon 最新版にアップデートしていない状況で施行＊
②ConoHa WING 特有のCocoon 最新版へのアップデート
1)「外観」➡「テーマエディター」➡「Cocoon Child:スタイルシート(style.css)」➡上から9行目の『Template: cocoon』 →『Template cocoon-master』 に変更．
2) 同ページのファイルを更新を押して，警告等でずに『ファイルの編集に成功したました．』と表記される．特段変わった変化はなし．
3)「Cocoon設定」➡「テーマ情報」➡Cocoonのバージョンを確認するも旧バージョンのまま．
4)「外観」➡「テーマ」➡Cocoon が2つ存在する．
5) その2つテーマにカーソルをあわせ，『テーマの詳細』をクリック➡バージョンが古い方の右下に『削除』が存在し，そちらをクリック．
6) ダッシュボードからCocoon設定という表記が消える．さらには自分のサイトに飛ぶと真っ白になる．1.2分後にはテーマが『Twenty Twenty-One』に切り替わってサイトが閲覧可能に．
7) 「外観」➡「テーマ」➡「Cocoon Child」を選択し，テーマを有効にする
8) テーマを有効にすると，Cocoonは最新版にアップデートされている．3)の手順で確認．
9) ただスキンが選択されていない状況でのサイトに切り替わっている．
10) アップデートする前のスキンを選択すれば，サイトは元に戻る．
11) 「Cocoon設定」➡「AMP」➡「サイズ制限対応」の2項目のチェックをつけて，AMP test 施行➡ 『有効なAMPページです』になり，問題解決．
以上になります．
今回お世話になった方，リフィトリー様・mk2様 本当にありがとうございました．
Topic starter
2021-07-20 22:48
【追記】
cocoon設定➡吹き出し
こちらを見てみると全ての吹き出し画像が消えていることが判明しました．
2021-07-20 22:50
Kuchanさん
お疲れ様でした。
それにしても…。
今回のケースでも判断に迷うケースがあり、過去に経験のある方がいらしたからこそ、できることだったような気がします。
（ある意味勢いで進んでいる。）
今回のことで、更に親子テーマの入れ替えをお勧めした方が良い印象を持ちました。
この場合の難点は、バックアップなどが必要で、手数が多いことかもしれません。
それでも、シンプルな考え方で進めることのできるメリットが大きい気がします。
2021-07-20 22:51
【追記】
cocoon設定➡吹き出し
こちらを見てみると全ての吹き出し画像が消えていることが判明しました．
すみません、吹き出しのあるページのURLを教えてください。
【訂正】
ああ、管理画面のことですね。
吹き出し画像のURLをご確認いただけますか。
たぶん、直せば大丈夫のはずです。
Topic starter
2021-07-20 22:56
https://freewheeling-11-blog-invesurgeon.com/ufj-8306-dividend/
上記になります．
ダッシュボードから，
①Cocoon設定➡404ページ
②Cocoon設定➡AMP➡AMPロゴ
こちらの2箇所でも以前みられていた画像がなくなっています．
Topic starter
2021-07-20 23:03
kuchanさん
画像のURLをご確認ください。
https ://freewheeling-11-blog-invesurgeon.com/wp-content/themes/cocoon/～
のようになっていませんか。
これを
https ://freewheeling-11-blog-invesurgeon.com/wp-content/themes/cocoon-master/～
に変更する必要があるかもしれません。
親テーマのフォルダが変わってしまったから…ですね、きっと。
cocoon-master に変更したところ直りました．ありがとうございます．
2021-07-20 23:07
kuchanさん
投稿ページ中の吹き出しも、1つ1つ修正しないとならない気がします。
数が多い場合は、プラグイン等で変更した方が良いかも知れません。
2021-07-21 10:47
@mk2_mk2 さん
今回のことで、更に親子テーマの入れ替えをお勧めした方が良い印象を持ちました。
この場合の難点は、バックアップなどが必要で、手数が多いことかもしれません。それでも、シンプルな考え方で進めることのできるメリットが大きい気がします。
私もそのように感じています。
この子テーマのCSSファイルのテンプレートヘッダを書き換えるやり方だと、作業途中がとても不安なんですよね。
でも、わいひらさんが、テンプレートヘッダを書き換える方がリスクが少ない、と、おっしゃっているので、このやり方の方を勧められる理由があるのだろうな、とは想像するところです。
固定ページ 2 / 2
前へ
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。