toeicmanten https://blog.hatena.ne.jp/toeicmanten/ にゃん分間待ってやる https://toeicmanten.hateblo.jp/ AMPページと非AMPページはデザインが違う 今日は、AMPページのデザインをCSSで変更する方法について説明します。 ブロガーさんなら、サイトを「パソコン」で見た時と「スマホ」で見たときでは、サイトのデザインが違うことには気づいていると思います。 たとえば、スマホではサイドバーが表示されないなど。 しかし、同じスマホでも、「ノーマルモード」と「AMPモード」のデザインの違いには気づいていない人は多いです。 AMP（アンプ）とは、ページを軽量化し、高速表示するためのスマホ用の画面です。 サイトでAMP機能をオンにすると、スマホでGoogle検索したときに、AMPページが優先的に表示されます。 … 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Ftoeicmanten.hateblo.jp%2Fentry%2Fcocoon-amp-css" title="Cocoon、AMPページのCSSを変更する方法 - にゃん分間待ってやる" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://u-ff.com/wp-content/uploads/2020/04/a3d6788ccf8c30c0804996e45db727c9.jpg Hatena Blog https://hatena.blog 2020-04-16 20:00:00 rich https://toeicmanten.hateblo.jp/entry/cocoon-amp-css 1.0 100%