サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
トピックスターター 2019年5月24日 05:11
いつもお世話になっています。
最新版（1.7.8.2）にアップデートしたところ、AMPページにスキンが適用されなくなりました。
1.7.7.2を入れ直しましたら問題なくAMPページにもスキンが適用されています。
不具合か分かりませんが一応報告させて頂きます。
2019年5月24日 06:33
使用しているのはどのスキンでしょうか？
たぶん1.7.8あたりから、AMPではスキンのスタイルを利用しない制御が追加されているので、その影響かもしれません。
AMPではCSSの容量が50KB程度までと決められているので、CSSの容量が大きいスキンでAMPエラーにならないよう対処するためだと思います。
わいひら reacted
トピックスターター 2019年5月24日 10:37
ご返信ありがとうございます。
現在は1.7.7に戻してしまいましたが、
スキンの種類問わずAMPページに反映されていませんでした。
Cocoonの各ページ内でも?amp=1を追加してAMPページを表示するとスキンが外れています。
該当ページは確認したのですが、「スキンのスタイルを有効にする」のチェックボックスも固定（押されたまま）で弄れないような状態でした。
2019年5月24日 22:19
AMPページではCSSサイズが約50KB以上あるとAMPエラーになります。
AMPエラーが出ては、結局のところGoogleにキャッシュされずAMP化する意味はないので、CSSサイズが大きくAMPエラーが出るようなスキンは、スキン側から制御してAMPページでは適用しない仕様にしてあります。
スキン制御を外す方法もないわけではないですが、まずはロコさんの質問の、以下の答えが必要です。
使用しているのはどのスキンでしょうか？
トピックスターター 2019年5月25日 18:37
わいひら様
お返事ありがとうございます。
回答が遅くなり申し訳ありません。
使用していたスキンはモダンブラックになります。
1.7.7系の頃まではAMPページにもスキンが適用されていたのですが、
1.7.8.2にアップデートしたところスキンなしの状態となっていました。
仕様との事で了解しました。
お手数をおかけしました。
これからもよろしくお願い致します。
2019年5月25日 20:40
「モダンブラック」スキンの場合、AMPページでも、スキンを適用する場合は以下の手順で行うと利用できます。
- 親テーマのskinsフォルダ内からskin-modernblackフォルダをコピー
- 子テーマのskinsフォルダ内に貼り付け
- 子テーマ内のskins/skin-modernblackフォルダを開く
- option.csvファイルを開く
- amp_skin_style_enable,0の一行を削除
- Cocoon設定から子テーマ側の「モダンブラック」スキンを選択する
このようにすることで、スキンもカスタマイズすることができます。
子テーマに移動したことで、親テーマのアップデートの影響も受けません。
リシュフェン reacted
2019年5月25日 20:41
ただ、AMPページでスキンを適用して、AMPエラーが出た場合は、結局キャッシュされないので、その辺は自前で対応していただく必要があります。
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。