Luxeritas 1.20-alpha(AMP 対応ベータ版)

AMP Project

Luxeritas 1.20-alpha リリース。

AMP に対応しました(まだ β 版)。

オリジナルのページとほぼ同じ見た目で AMP 化できます。
細部まで見ないと違いが分からないレベルですw

Luxeritas の AMP 例

↓ 当方が運用してる「A Gain Sierra」の元ページ

http://again.lunaclear.com/knowledge/science/t5111/

↓ 「A Gain Sierra」 の AMP Project にキャッシュされてるページ

https://cdn.ampproject.org/c/again.lunaclear.com/knowledge/science/t5111/amp/

↓ Goolge での検索結果(3つとも A Gain Sierra)

http://thk.kanzae.net/wp/wp-content/uploads/2016/12/amp-search-example-352x565.png

子テーマの AMP 用スタイルで見た目を変更できたり、ページ単位で AMP の ON/OFF が切り替えられたり、など Luxeritas ならではの「機能てんこ盛り」にしましたw

AMP が有効化どうかのチェック

Luxeritas では、

パーマリンクが静的 URL の場合は
・ http://www.example.com/amp/

パーマリンクが動的 URL の場合は
・ http://www.example.com/?post=1&amp

が AMP のページになります(投稿・固定ページのみ。トップページは固定ページであっても不可。)

↓ ログインした状態であれば、元ページに AMP へのリンクが表示されるので、それをクリックすれば AMP のページを確認できます。

AMP ページへのリンク

また、ページが、ちゃんと AMP に対応できてるかどうかは、↓ Google の AMP テストで確認してください。

Google Console AMP テスト

↓ このような結果になれば OK です。

AMP テストの結果

Luxeritas ならではの、その他の特徴

Luxeritas の AMP の特徴

  1. オリジナルのページと AMP のページの見た目がほぼ同じ
  2. 子テーマの AMP 用スタイルシートで自由に見た目が変えられる
  3. ページ単位で AMP の ON/OFF が切り替えられる
  4. SNS カウントキャッシュを ON にしてれば、AMP のページでも SNS カウントを表示できる
  5. AMP 専用サイドバーウィジェットがある(モバイルなので事実上フッターか?)
  6. コメントリストなども基本的に全部表示
  7. AMP のページから直接コメントはできないので「コメントする」のリンクボタンが付いてる(通常ページに移動)

AMP の有効化と無効化

AMP を有効化するには、カスタマイザーの「Headタグ」にある ↓ 以下にチェックを付けます。

AMP を有効化する設定

AMP では Javascript が使えなかったり、その他にも禁止タグがあったりと制約が多いです。

あるページでは Javascript を使いたい場合など、AMP を無効にしたいページがあれば、ページ単位で ON/OFF を切り替えられます。

投稿・固定ページの編集画面で ↓ のチェックを付けると、そのページだけ AMP を無効化できます。

ページ単位で AMP を無効化する設定

各種の対応状況

対応済み

  • Google Adsense
  • アニメ GIF
  • Youtube 動画
  • vine の 6秒動画
  • Twitter のツイート貼り付け
  • Facebook の貼り付け
  • Instagram の貼り付け
  • その他の iframe(Google Map 等)

まだ、やってない(コレが出来上がったら正規版)

  • Google Analytics
  • Pinterest

当面は諦めた(amp-form でもダメだった)

  • 検索フォーム
  • コメントフォーム

遠い未来にやれたらいいな

  • amp-image-lightbox