サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
Topic starter
2020年1月25日 16:12
いつもCocoonを使わせていただいております。
これまでCocoonでいくつものサイトを立ち上げてきたのですが、先日立ち上げた新サイトで初めてAMPに挑戦しました。
そこで初心者の私が困ったことと解決方法をひとつ書き込みます。
（あくまで初心者用なのでレベルは低いです）
【困ったこと】
バリューコマースのアフィリエイトリンクを貼ったのですが、AMPページで表示されません。
過去の書き込みなどを調べると、Cocoonは<a href="～><img src="～></a>みたいな基本パターンのアフィリエイトタグは自動でAMP用に変換されるので、AMP専用コードを貼るのは不要のこと。
ですが、自分のサイトでは通常のアフィリエイトタグを貼っても表示されないのです…
困った…
【解決方法】
で、原因はバリューコマースの「javaScript非対応サイト用広告タグ」を使っていたからです。
通常の「広告タグ」を貼ると、通常ページでもAMPページでも問題なく表示されました。
わざわざjavaScript非対応サイト用広告タグを使っている方は多くないかもしれませんが、私のようなミスをしないように皆様も気をつけてください！
ちなみにアクセストレードは「SSLリンクコード」でOKでした。
（同じ型のタグなのに、なんでVCだけダメなんだろ…）
みなさんもこれからAMPに挑戦する方に向けて、自分が困ったことで解決済のものとかあれば教えて下さい。
P.S. 雑談トピックの使い方が想定と違っていれば教えて下さい…
わいひら reacted
Topic starter
2020年1月25日 16:17
ちなみに、AMPに関してこれまで参考にしたページ
・文字・画像の中央寄せ
→AMPページではstyle="text-align: center;"が効かないみたい…
で、かうたっくさんが書かれているCSSをstyle.css・amp.cssに書き、HTMLでは<div class="center"～>のやつを書くようにしました
同時にこちらも参考にしました
2020年1月25日 22:58
ちなみに、以下のエラーメッセージが出ていたら、CSSを減らすわけにもなかなかいかないので、諦めるのが無難かも。
タグ「style amp-custom」で指定されている作成者のスタイルシートが長すぎます。ドキュメントは XXXXXX バイトありますが、上限は 50000 バイトです。
一応、Cocoonではスキンや子テーマのCSSを使用しない設定も出来るけど、「CSSサイズ制限を超えたページ」は無視するという解決方法もありなのかなと。
https://wp-cocoon.com/skin-child-theme-css-off/
OTAOTA reacted
2020年1月30日 01:37
過去の書き込みなどを調べると、Cocoonは<a href="～><img src="～></a>みたいな基本パターンのアフィリエイトタグは自動でAMP用に変換されるので、AMP専用コードを貼るのは不要のこと。
今更すぎて恥ずかしくてずっと聞けなかったんですが、せっかく雑談フォーラムが立ち上がったので聞いちゃいます。
A8でもバリューコマースでもafbでも、「通常の広告リンク」と「AMP対応リンク」がありますよね？
これってCocoonの「AMP機能を有効化する」を利用している人って「通常の広告リンク」を張っておけば特に気にする必要ない感じなのでしょうか？
※よく分かっていなくてまだAMP機能有効に出来ていません。。
OTAOTA reacted
2020年1月30日 08:38
→AMPページではstyle="text-align: center;"が効かないみたい…
で、かうたっくさんが書かれているCSSをstyle.css・amp.cssに書き、HTMLでは<div class="center"～>のやつを書くようにしました
style属性は効かないですね。
あと
- amp.cssはデフォルトではAMPでも反映されなくなりました。
- phpに追記すればamp.cssを使えるようなる仕様に変更
わいひらさんがコードを提供してくれたページを探したけど、ぱっと見みつかりませんでした＾＾；
ついでに
今ではWordPressのカスタマイザー：外観・カスタマイズ・追加 CSSでもampで反映されるようになってます。オススメは子テーマstyle.cssに追記が良いカモです。
これってCocoonの「AMP機能を有効化する」を利用している人って「通常の広告リンク」を張っておけば特に気にする必要ない感じなのでしょうか？
それでOKですよ。
万一、無理だったとき、以下の方法で
- フォーラムに環境情報とともに、該当ページのURLを添えていただければ
※Cocoonは AMPのURLからアクセスしても 404にならないんで、気軽に試しやすいイメージです。※他の方法では非ampにした場合、スマホ検索結果のAMPアドレスからアクセスが404になったりしますけど。
Cocoonはテーマがすべて面倒な事にならない仕様なので、AMPの導入もやめるのも簡単ですよ
2020年1月30日 18:52
これってCocoonの「AMP機能を有効化する」を利用している人って「通常の広告リンク」を張っておけば特に気にする必要ない感じなのでしょうか？
Cocoonでは、通常リンクをAMPタグ化して出力しているので、通常リンクでOKです。
逆に、「通常の広告リンク」と「AMP対応リンク」を2つ貼ってしまうと、AMPページでは広告が2つ表示されることになってしまいます。
fullnote reacted
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。