LuxeritasをAMP化する(カスタマイズしている方用)

この記事は約2分で読めます。

Luxeritas

Luxeritasには標準でAMP変換機能がついています。
そのためクリック一発でAMP化することができます。

……何もカスタマイズしていなければ、ですが。

実際のところは色々とカスタマイズしていると思います。
その場合、Luxeritasだけでは対応できずエラーとなることもあります。

本記事はカスタマイズしている方向けにAMPを導入するための方法を説明します。

怒られた場所で要らないところは削る

質問者の写真

誰でもできるわ!
 

と全開でツッコミが入りそうですが、その方が早いですもの。
span~とかで、あってもなくてもいい程度の装飾しているところは削りましょう。

AMP用のテンプレートパーツを作る

例えばhoge.phpとhoge-amp.phpという感じで。
hoge.phpには通常ページで読み込ませたい内容、hoge-amp.phpにはAMPで読み込ませたい内容。
子テーマ直下にアップします。

次のコードで通常ページとAMPを振り分けます。

<?php
 if( isset( $luxe['amp'] ) ) {
 ob_start();
 get_template_part( 'hoge-amp' );
}
 else {
 get_template_part( 'hoge' );
 }
?>

エラーで引っ掛かったところをパーツ化して振り分ければ怒られなくなります。

まとめ

解答者の写真

実際にパーツ化するところは多くないと思う
頑張って実装して!