AMP時のフッター下に余白ができる - Cocoonテーマに関する質問 https://wp-cocoon.com/community/cocoon-theme/amp%e6%99%82%e3%81%ae%e3%83%95%e3%83%83%e3%82%bf%e3%83%bc%e4%b8%8b%e3%81%ab%e4%bd%99%e7%99%bd%e3%81%8c%e3%81%a7%e3%81%8d%e3%82%8b/ Cocoon ディスカッション掲示板 ja Thu, 23 Apr 2026 00:37:07 +0000 wpForo 60 RE: AMP時のフッター下に余白ができる https://wp-cocoon.com/community/cocoon-theme/amp%e6%99%82%e3%81%ae%e3%83%95%e3%83%83%e3%82%bf%e3%83%bc%e4%b8%8b%e3%81%ab%e4%bd%99%e7%99%bd%e3%81%8c%e3%81%a7%e3%81%8d%e3%82%8b/#post-10141 Fri, 21 Dec 2018 14:05:34 +0000 ご確認ありがとうございます！
僕はiPhoneを持っていないもので、確認できなかったのですが、問題なかったようで安心しました。
確認していただき助かりました。

]]> Cocoonテーマに関する質問 わいひら https://wp-cocoon.com/community/cocoon-theme/amp%e6%99%82%e3%81%ae%e3%83%95%e3%83%83%e3%82%bf%e3%83%bc%e4%b8%8b%e3%81%ab%e4%bd%99%e7%99%bd%e3%81%8c%e3%81%a7%e3%81%8d%e3%82%8b/#post-10141 RE: AMP時のフッター下に余白ができる https://wp-cocoon.com/community/cocoon-theme/amp%e6%99%82%e3%81%ae%e3%83%95%e3%83%83%e3%82%bf%e3%83%bc%e4%b8%8b%e3%81%ab%e4%bd%99%e7%99%bd%e3%81%8c%e3%81%a7%e3%81%8d%e3%82%8b/#post-10139 Fri, 21 Dec 2018 13:52:56 +0000 わいひら様

style.cssに追加したコードを削除して、上記アップデートファイル更新後、ブラウザキャッシュを消してiPhoneでChrome・Safariで自分のサイトのAMP表示を確認しましたが、無事にフッター下の余白が消えていました。

ありがとうございます。

ちなみにCocoonの公式サイトも確認してみたら、フッター下の余白が消えていました。

]]> Cocoonテーマに関する質問 midori https://wp-cocoon.com/community/cocoon-theme/amp%e6%99%82%e3%81%ae%e3%83%95%e3%83%83%e3%82%bf%e3%83%bc%e4%b8%8b%e3%81%ab%e4%bd%99%e7%99%bd%e3%81%8c%e3%81%a7%e3%81%8d%e3%82%8b/#post-10139 RE: AMP時のフッター下に余白ができる https://wp-cocoon.com/community/cocoon-theme/amp%e6%99%82%e3%81%ae%e3%83%95%e3%83%83%e3%82%bf%e3%83%bc%e4%b8%8b%e3%81%ab%e4%bd%99%e7%99%bd%e3%81%8c%e3%81%a7%e3%81%8d%e3%82%8b/#post-10132 Fri, 21 Dec 2018 13:24:38 +0000 それは、style.cssに追加したコードを削除して、上記アップデートファイルで更新したら、iPhoneでも表示上問題なくなったということでよろしいでしょうか？

]]> Cocoonテーマに関する質問 わいひら https://wp-cocoon.com/community/cocoon-theme/amp%e6%99%82%e3%81%ae%e3%83%95%e3%83%83%e3%82%bf%e3%83%bc%e4%b8%8b%e3%81%ab%e4%bd%99%e7%99%bd%e3%81%8c%e3%81%a7%e3%81%8d%e3%82%8b/#post-10132 RE: AMP時のフッター下に余白ができる https://wp-cocoon.com/community/cocoon-theme/amp%e6%99%82%e3%81%ae%e3%83%95%e3%83%83%e3%82%bf%e3%83%bc%e4%b8%8b%e3%81%ab%e4%bd%99%e7%99%bd%e3%81%8c%e3%81%a7%e3%81%8d%e3%82%8b/#post-10098 Thu, 20 Dec 2018 15:44:38 +0000 わいひら様

早速ご対応いただき、ありがとうございます。

ご教示いただいた通り、テーマのアップデートをいたしました。

ありがとうございます。

]]> Cocoonテーマに関する質問 midori https://wp-cocoon.com/community/cocoon-theme/amp%e6%99%82%e3%81%ae%e3%83%95%e3%83%83%e3%82%bf%e3%83%bc%e4%b8%8b%e3%81%ab%e4%bd%99%e7%99%bd%e3%81%8c%e3%81%a7%e3%81%8d%e3%82%8b/#post-10098 RE: AMP時のフッター下に余白ができる https://wp-cocoon.com/community/cocoon-theme/amp%e6%99%82%e3%81%ae%e3%83%95%e3%83%83%e3%82%bf%e3%83%bc%e4%b8%8b%e3%81%ab%e4%bd%99%e7%99%bd%e3%81%8c%e3%81%a7%e3%81%8d%e3%82%8b/#post-10096 Thu, 20 Dec 2018 15:18:26 +0000 ありがとうございます。
おかげで原因が判明しました。
ただ、コードを貼り付けたままにしておくと、アクセスカウント取得がうまく動作しないと思うので、とりあえずは元に戻しておいてください。

一応、推測でアクセスカウントCSSを修正してみました。
もしよろしければ、こちらでアップデートして試してみてください。
https://github.com/yhira/cocoon/archive/master.zip

]]> Cocoonテーマに関する質問 わいひら https://wp-cocoon.com/community/cocoon-theme/amp%e6%99%82%e3%81%ae%e3%83%95%e3%83%83%e3%82%bf%e3%83%bc%e4%b8%8b%e3%81%ab%e4%bd%99%e7%99%bd%e3%81%8c%e3%81%a7%e3%81%8d%e3%82%8b/#post-10096 RE: AMP時のフッター下に余白ができる https://wp-cocoon.com/community/cocoon-theme/amp%e6%99%82%e3%81%ae%e3%83%95%e3%83%83%e3%82%bf%e3%83%bc%e4%b8%8b%e3%81%ab%e4%bd%99%e7%99%bd%e3%81%8c%e3%81%a7%e3%81%8d%e3%82%8b/#post-10091 Thu, 20 Dec 2018 14:32:05 +0000 わいひら様

いつもお世話になっております。

返信が遅くなり申し訳ございません。

上記のコードを自分のサイトの子テーマに貼り付けたら、余白が消えました。

ありがとうございます。

]]> Cocoonテーマに関する質問 midori https://wp-cocoon.com/community/cocoon-theme/amp%e6%99%82%e3%81%ae%e3%83%95%e3%83%83%e3%82%bf%e3%83%bc%e4%b8%8b%e3%81%ab%e4%bd%99%e7%99%bd%e3%81%8c%e3%81%a7%e3%81%8d%e3%82%8b/#post-10091 RE: AMP時のフッター下に余白ができる https://wp-cocoon.com/community/cocoon-theme/amp%e6%99%82%e3%81%ae%e3%83%95%e3%83%83%e3%82%bf%e3%83%bc%e4%b8%8b%e3%81%ab%e4%bd%99%e7%99%bd%e3%81%8c%e3%81%a7%e3%81%8d%e3%82%8b/#post-10083 Thu, 20 Dec 2018 13:12:01 +0000 僕が確認できるパソコン環境と、Android環境では不具合は出ないようです。
自信のサイトでも、不具合は再現できますか？
もしできる場合は、以下のコードを子テーマのstyle.cssに貼り付けて改善されるか確かめていただいてよろしいでしょうか。

body::after{
  display:none;
}

確認の際は、ブラウザキャッシュを削除していただければ幸いです。
動作確認が済んだら元に戻してください。

]]> Cocoonテーマに関する質問 わいひら https://wp-cocoon.com/community/cocoon-theme/amp%e6%99%82%e3%81%ae%e3%83%95%e3%83%83%e3%82%bf%e3%83%bc%e4%b8%8b%e3%81%ab%e4%bd%99%e7%99%bd%e3%81%8c%e3%81%a7%e3%81%8d%e3%82%8b/#post-10083 RE: AMP時のフッター下に余白ができる https://wp-cocoon.com/community/cocoon-theme/amp%e6%99%82%e3%81%ae%e3%83%95%e3%83%83%e3%82%bf%e3%83%bc%e4%b8%8b%e3%81%ab%e4%bd%99%e7%99%bd%e3%81%8c%e3%81%a7%e3%81%8d%e3%82%8b/#post-10078 Thu, 20 Dec 2018 10:14:22 +0000 かうたっく様

返信ありがとうございます。

自己所有のiPhone5s、iPhone8、家族所有のiPhone６のChromeとSafariで閲覧しました。Chromeはシークレットモードで検索したのですが、同様でした。

アドセンス広告など普通に表示されているので広告ブロック機能はないと思いますが、確認方法がわからないので確実ではありません。すみません。

ちなみに「cocoon フォーラム」で検索するとわいひら様のサイト以外でCocoonを使用してAMP化したサイトが検索結果に出てくるのですが、いずれのサイトもフッター下に余白がありました。

]]> Cocoonテーマに関する質問 midori https://wp-cocoon.com/community/cocoon-theme/amp%e6%99%82%e3%81%ae%e3%83%95%e3%83%83%e3%82%bf%e3%83%bc%e4%b8%8b%e3%81%ab%e4%bd%99%e7%99%bd%e3%81%8c%e3%81%a7%e3%81%8d%e3%82%8b/#post-10078 RE: AMP時のフッター下に余白ができる https://wp-cocoon.com/community/cocoon-theme/amp%e6%99%82%e3%81%ae%e3%83%95%e3%83%83%e3%82%bf%e3%83%bc%e4%b8%8b%e3%81%ab%e4%bd%99%e7%99%bd%e3%81%8c%e3%81%a7%e3%81%8d%e3%82%8b/#post-10073 Thu, 20 Dec 2018 09:17:12 +0000 ちなみにそれはスマホで閲覧した場合ですよね？

  • 見ているデバイス・もしくはブラウザで広告を非表示にするような機能はありませんか？

Cocoon自体でそのようになることは無いと思います。

 

ただ自動広告か何かの広告が入った場合は、その位置に広告が入ることがあるので、こちら側で制御しにくい・もしくはできないのかもしれません。

]]> Cocoonテーマに関する質問 かうたっく https://wp-cocoon.com/community/cocoon-theme/amp%e6%99%82%e3%81%ae%e3%83%95%e3%83%83%e3%82%bf%e3%83%bc%e4%b8%8b%e3%81%ab%e4%bd%99%e7%99%bd%e3%81%8c%e3%81%a7%e3%81%8d%e3%82%8b/#post-10073 AMP時のフッター下に余白ができる https://wp-cocoon.com/community/cocoon-theme/amp%e6%99%82%e3%81%ae%e3%83%95%e3%83%83%e3%82%bf%e3%83%bc%e4%b8%8b%e3%81%ab%e4%bd%99%e7%99%bd%e3%81%8c%e3%81%a7%e3%81%8d%e3%82%8b/#post-10065 Thu, 20 Dec 2018 05:17:51 +0000 いつもお世話になっております。

AMP時にChrome，Safari（それ以外のブラウザでは検証していません）で閲覧すると，フッター下に余白ができます。

この余白を消すことは可能でしょうか？

よろしくお願いします。

対象ページ：https://www.google.com/amp/s/wp-cocoon.com/read-me-for-using-fourm/%3Famp%3D1

]]> Cocoonテーマに関する質問 midori https://wp-cocoon.com/community/cocoon-theme/amp%e6%99%82%e3%81%ae%e3%83%95%e3%83%83%e3%82%bf%e3%83%bc%e4%b8%8b%e3%81%ab%e4%bd%99%e7%99%bd%e3%81%8c%e3%81%a7%e3%81%8d%e3%82%8b/#post-10065