お手軽にAMP対応したい
プラグイン「AMP for WordPress」を入れましょう。
https://ja.wordpress.org/plugins/amp/
AMP for WordPress の標準機能
-
AMPページの作成
-
通常ページで
<link rel="amphtml" href="http://example.com/xxxx/amp/">の追加 -
投稿作成時にAMPでのプレビューボタン追加
-
投稿ごとにAMPにするかどうかを選択できる
-
外観＞カスタマイズでのAMPでのプレビュー機能
-
テーマカスタマイザーでAMPページのヘッダーテキスト色、ヘッダー背景色とリンク、メイン部分の背景色とテキスト色の変更
-
GoogleアナリティクスなどAMP対応のアナリティクスコードの管理と出力
以下、機能やカスタマイズの説明。
固定ページやカスタム投稿タイプもAMPにしたい
ダッシュボードのAMP＞Generalで「Post Type Support」にチェック入れるだけ。（ver 0.6〜）
PHPコード不要となりました。
ヘッダーやメイン部分の色を変えたい
外観＞カスタマイズ＞AMPである程度は変更可能
- ヘッダーのテキスト色
- ヘッダーの背景色とテキストリンク色（ただしこれはセット）
- メイン部分の背景色とテキスト色（白背景＋黒文字 or 黒背景＋白文字の二択）
なお、WordPressコア機能の「サイトアイコン」を設定して入れば右上に出ます
アナリティクス入れたい
ダッシュボードのAMP＞Analyticsから設定可能。
AMPに対応してるアナリティクスのTypeとJSONコードだけでOK。
Googleアナリティクスの管理画面からトラッキングコードのように自動で発行されるわけではないので、Googleアナリティクスの場合は以下のドキュメントを参考にJSONコードを作りましょう。
https://developers.google.com/analytics/devguides/collection/amp-analytics/
以上、ここまではプラグインのインストールのみで対応できる部分。
自前のテンプレートにしたい。
以前書いた「[ざっくり翻訳] WordPress AMP プラグイン カスタマイズなどの説明」 は多少情報が古くなってるので Wikiを頑張って読みましょう
プラグイン付属のテンプレートを「ちょっと変えたい」レベルであればアクションフックやフィルターフックで対応できます。
HTML構造からもろもろフルカスタマイズしたい場合はカスタムテンプレートを作りましょう。
筆者のオススメはプラグイン形式でカスタムテンプレートを作る方法です。
これだとテーマの切り替えに依存しないし、プラグインの有効化・停止で切り替えできるので。
現場からは以上です