このブログも久しぶりにイノベーションしそうだ。 AMPという技術を恥ずかしながら最近知ったのだが。 AMPとはAccelerated Mobile Pagesの略で、モバイル向けにページを超高速で表示させる技術だ。 Googleを中心に、TwitterやPinterestやWordPressなども参加するプロジェクトで、2016年2月からGoogle検索で実用化が始まった。 どのくらい速くなるのかというと、本当に驚くほど一瞬だ。 で、このブログもぜひその最先端技術に対応したいのだが(新しいもの好き)、ページをAMPに対応させるには条件や制約がかなり多く、苦労しているところだ。 残念ながら、おそらくこのブログはAMPに対応できないと思われるが、勉強のためにも可能な限りで実装しようと取り組んでいる。 今回は、WordPressにおいてスタイルシート(CSS)をAMPに対応させる方法を紹介する。
![【WordPress】外部CSSを圧縮してHTML内に出力する](https://cdn-ak-scissors.b.st-hatena.com/image/square/dfd8b9e1a6e9013f56b246ac49ee36b5000de8b5/height=288;version=1;width=512/https%3A%2F%2Flabelog.net%2Fwp-content%2Fthemes%2Fla-to-beam%2Fimg%2Flogo-article.png)