はてなブログのAMP用CSSを試してみました！
まずは、通常ページ（AMP非対応ページ）とAMP用CSSに見出し部分のCSSを適用した場合の見た目から御覧ください。 ※＜h6＞は省略しています。 一緒やん！ と言われそうですが、一緒ですｗ 何故かと言うと同じCSSを適用しているからです。 つまり、AMP用CSSに現在使用しているCSS（デザインCSSに書いている）を適用すれば見出し部分は”ほぼ”同じに出来ると思います。 カエレバリンク部分Amazonや楽天等の商品を紹介する際に、非常に便利な「カエレバ」ですが、今ままでのAMPページでは見るも無残な状態でした。 しかし、こちらもAMP用のCSSを適用する事で見やすいデザインに変更することが出来ました。 個人的には、今回のAMP用CSS対応で一番のメリットは「カエレバ」のデザイン部分だと思っていますｗ AMP用CSSの注意点今回の検証で気になった点をまとめておきます。 ※確証はないのであく
AMPに適用するCSSを設定できるようにしました - はてなブログ開発ブログ
はてなブログでは、AMP（Accelerated Mobile Pages）用のCSSを設定できるようにしました。AMPで記事が配信される際のデザインをカスタマイズできます。 ※はてなブログのAMP配信は、有料プラン「はてなブログPro」に加入しているユーザー向けのベータ版機能です。詳細は関連ヘルプなどをご参照ください。 記事をAMPで配信しているブログの「デザイン設定」画面では、「スマートフォン」タブの「詳細設定」に「AMP用CSS」欄が表示されます。ここにCSSを直接記述してください。 AMPでの表示は、記事編集画面（PC版）の「プレビュー」タブで、「スマートフォン（AMP）」を選択して確認できます。詳細は下記の関連ヘルプやプレビュー機能のリリース告知をご確認ください。 ※AMPのCSSにはいくつかの制限があります。本機能はAMPおよびCSSの知識を持っている方を対象しており、デザイン
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
