サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
Topic starter
2019年7月7日 01:09
投稿した記事をampページでひらくとScriptを使ったアフィリエイトリンクやTwitter埋込みがうまく表示されません。回避方法はございますか？
Topic starter
2019年7月7日 01:12
画像のようにくずれたりもします
2019年7月7日 13:23
実際のURLを置いていただけますか。
あとどのようなコードを書いてそのようになったか。HTMLをチェックしてもらうのが良いかと思います。
以下の方法でHTMLを貼り付けてくださいね。
トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
わいひら reacted
Topic starter
2019年7月7日 13:56
ご返事ありがとうございます。
こちらになります。 https://notepad.pw/share/3sgku302i
Twitterサイトの埋込みや、もしもアフィリエイトというサイトを使用したかんたんリンクがampで表示出来ないようです。どれもScriptを使用しているかと思います。素人で申し訳ありません宜しくお願いします。
2019年7月7日 16:01
AMPで『フッター右』に入れた『[C] プロフィール』ウィジェットの横幅が33.3%で表示されてオカシイ。
ってことですね。
.footer-left, .footer-center, .footer-right {
width: 33.33%;
}
**********
ただ『フッター（モバイル用）』用ウィジェットにも、『[C] プロフィール』ウィジェットを入れているので、
『フッター右』に入れた『[C] プロフィール』ウィジェットは非表示設定でAMPにチェックを入れて表示しなければ良い気もします。
2019年7月7日 16:05
Twitterサイトの埋込み
PC用のテキストウィジェットを使っているからスマホでは表示されてない気がします。
HTMLウィジェットなどを使っても表示されないって事ですか？
その場合。ウィジェットに入っているHTMLも念のため、ソースコードをはっていただけますか。
わいひら reacted
2019年7月7日 16:07
もしもアフィリエイトというサイトを使用したかんたんリンクがampで表示出来ないようです。
AMPで対応できるよう希望ってことですね。
*********
- 該当URL： https://yuyuham.com/mate30-mate30pro?amp=1
- もしもアフィリエイトでAMPが表示されない該当コードHTML
https://notepad.pw/share/7egatw2yz
複数の質問みたいになっているので、できれば1つの質問に1つのトピックを立てていただけたら、混乱せずに済むと思います。検索からチェックしたユーザーさん、そして回答者も（笑
書き込みの前に以下の3点をご確認ください。
- 1つのトピックにつき1つの質問を書き込んでください
- 不具合・カスタマイズ対象ページのURLを提示してください
- 該当部分のキャプチャ・環境情報とともに書き込んでいただけると助かります
わいひら reacted
Topic starter
2019年7月7日 21:16
仰るとおりに非表示にすることで、こちらは解決する事が出来ました。
ありがとうございました。
残りも試してみてご返信させて頂きたく思います。
また乱立させて申し訳ありませんでした。
引き続き宜しくお願い致します(^^)
Topic starter
2019年7月7日 21:21
2019年7月8日 05:03
もしもアフィリエイトというサイトを使用したかんたんリンクがampで表示出来ないようです。
コッチのほうはもしもアフィリエイトにAMP用リンクを発行して欲しい。と提案しても良いのかも？ですね？
2019年7月8日 19:25
AMPエラーがれているのは、以下のページであれば、添付画像の部分にviewportメタタグが入っているのが原因かと思われます。
https://yuyuham.com/mate30-mate30pro?amp=1
バリデーション。
https://validator.ampproject.org/#url=https%3A%2F%2Fyuyuham.com%2Fmate30-mate30pro%3Famp%3D1
2019年7月8日 19:26
こんなところにビューポートのメタタグがあるのは不要ではないかと。
これを削除すればよいかと思います。
Topic starter
2019年7月8日 21:19
ご返信ありがとうございます。
ご指摘の部分を削除させて頂いたのですが改善してないようです。
申し訳ありませんが引き続きご教示頂けますでしょうか(・・;)
2019年7月8日 22:31
自前で、AMPチェックはされてみられましたでしょうか。
改善されているようですが。
https://search.google.com/test/amp?hl=ja&id=zyY36m-WrMfoSgjgnMjx5w
https://validator.ampproject.org/#url=https%3A%2F%2Fyuyuham.com%2Fmate30-mate30pro%3Famp%3D1
もし、Google Search Consoleにまだエラーが出ているということであれば、Googleのクロールが対象ページに来ないと更新されません。
2019年7月9日 04:24
どこをどのようにチェックされて反映されてない。と思われましたか？？？
Cocoon設定・管理者画面タブ に管理者メニューがあるので、AMPテスト表示を有効にしたら、誰よりも簡単にテストできるようになってますよ。
****
ほか、キャッシュが残っている場合
Cocoon設定・キャッシュ削除・AMPのキャッシュ削除をお試しください。
まだダメな場合、プラグインやサーバーのキャッシュもあるのかもしれませんね？？
わいひら reacted
Topic starter
2019年7月9日 12:30
お世話になっております。
こちらのampページを確認したところ通常ページでは問題無いのですかampページだと画像のリンクが埋め込まれている形になってしまっているのでもう一度ご確認させて頂きました。
2019年7月9日 16:42
ampページだと画像のリンクが埋め込まれている形になってしまっている
どういう意味ですか？
内容を知らない人がパッと見たらわかるよう、具体的に書いて頂けたら助かります。
ついでに、該当リンクと、該当箇所のあたりを探しやすいよう文字列も。
2019年7月9日 19:25
こちらのampページを確認したところ通常ページでは問題無いのですかampページだと画像のリンクが埋め込まれている形になってしまっているのでもう一度ご確認させて頂きました。
これを書いていただかないと、サイト運営者でない僕たちには、分かりようがありません（時間をかければわかるかもしれないけど、何処かわからないエラーを延々探す必要がある）。
元々のトピックの内容とも違いますし。
こちらと同様の原因の可能性があるかもしれません。
AMPページでリンクテキストの範囲が広がってしまうエラー | 不具合報告 | Cocoon フォーラム
こちらと同様の方法で、本文のソースコードをいただけますでしょうか。
2019年7月10日 19:43
僕のテスト環境のAMPページは問題なく表示されているようです（添付画像）。
1度、画像のLazy LoadとCSSの縮小化を無効にして以下のHTML5チェックを試してみてください。
https://validator.w3.org/nu/
チェックする場合は、通常ページでチェックした方が良いです。
https://yuyuham.com/mate30-mate30pro
上記設定を行った状態で、エラーが出るか確認してみてください。
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。