AMP対応しました!

Nishikiもくもく勉強会/AMP/Nishiki Pro/猫でもわかるWordPress

当ブログもやっとAMP対応しましたよー!

AMP」とは、だいぶ前にこちらの記事で書いたのですが
ホームページをスマホ(モバイル)用に、軽くして表示を早くしようという施策です。

ですが、軽くするためにデザインファイル(css)を読み込まないため
すげぇダサく・・もとい、シンプルなデザインになってしまうため
私は、導入せずにしばらく様子を見ていました。

しかし、2018年、2019年と時間が経っても
シンプルになってしまうのは変わらないままです。

なのにGoogleはAMPをお勧めするので正直困っていたんですよね(笑)

Nishiki ProがAMPに対応!

そんな状況を、WordPress公式テーマNishikiPro開発者の
今村さんに相談したところ

今村さん
今村さん

NishikiProで対応しますよ!

村重
村重

マジすか!!!

やったー!!

公式の発表はこちら。

設定の仕方もすっごく簡単です。
Nishiki Proを最新にバージョンアップしたら
「AMP」というプラグインを入れて、設定項目のチェックを確認したら、
NishikiProのカスタマイザーにある「AMP」メニューにチェックを入れるだけです。

今村さんありがとう!

AMP化するとどのように表示されるのか?

今までのAMP

↑ これ、なかなか酷いでしょう?(笑)
吹き出しが壊滅的だったんですよね・・w

それが、Nishiki ProのAMPならこうなります!

Nishiki ProのAMP

今のサイトのデザインをそのままに、AMP対応できました。
本当によかった^^

AMPは、Googleが推奨していることもあり
SEO効果があると言う人もいます。

SEOは様々な要因があるので一概には言えませんが
AMPでモバイル表示が早くなるのは間違い無いので
早めに導入したいですね!

WordPressテーマをAMP対応させる方法

このようなお話しをすると、

当然ながら

私のテーマも綺麗なデザインで
AMP化できますか!?

と、思いますよね。

残念ながら、カスタマイズでどうにかできる部分ではないので
テーマ開発者さんに対応してもらうしかなさそうです。

ご利用のテーマのマニュアルを確認なさるか
開発者さんにお問い合わせしてみてください。

でも、2020年2月現在、
AMP対応しているテーマはまだあまり多くないみたいです。

AMP用にデザインCSSを作ったり、ごにょごにょと兼ね合いがあるから
調整したり、状況が変わるから都度対応したり・・かなり大変。

でも、そういう大変なことでも、最新の状況に合わせて
対応して、情報発信しているテーマを使用していきたいですね^^

ちなみに、この記事は今村さんが主催している
Nishikiもくもく勉強会オンライン」でアドバイスを受けながら
記事にまとめました^^

お時間合う方いらっしゃいましたら
ぜひこちらで情報交換しながらブログ進めていきましょう^^