編集したAMP for WordPress のテンプレートファイルの保管方法

AMP for WordPress は、WordPressと関係が深いAutomattic社が提供するAMP化用プラグインです。Automattic社はWordPress.comの運営会社です。さらに、Jetpackなど数多くのWordPress用のプラグインを開発、提供しています。

AMP for WordPressの特徴

AMP for WordPressは、基本機能がしっかりしていて、カスタマイズするための関数などが豊富に揃っていることが特徴の1つです。

AMP for WordPressを使用したAMPページは、プラグインが提供するテンプレートを使用しています。表示形式をカスタマイズしたり、機能追加する場合は、テンプレートファイルを編集して行うのが通常です。AdSense AMP 自動広告のコードやGoogle Tag Managerのコードの設置などもテンプレートファイルを編集して行います。

プラグインを更新（アップデート）すると、プラグインに含まれているテンプレートファイルも、上書きされてしまいます。プラグインのテンプレートファイルを直接編集して、カスタマイズや機能追加をしている場合、プラグインのアップデートの度に変更内容を更新するのは手間がかかり不便です。

AMP for WordPressは、テンプレートファイルのカスタマイズ編集を行った場合の保守、管理も考慮した設計がされています。

AMP for WordPress のテンプレートファイルの保守管理

AMP for WordPressは、以下のファイルでテンプレートが構成されています。以下のテンプレートファイルの名称は、通常のWordPress テンプレートの体系と基本的に同じ構成です。

featured-image.php
footer.php
header-bar.php
header.php
html-end.php
html-start.php
meta-author.php
meta-comments-link.php
meta-taxonomy.php
meta-time.php
page.php
single.php
style.php

カスタマイズの用途、設定内容に応じて、上記のテンプレートファイルを編集します。AMP for WordPressには、これらのテンプレートファイルの変更を保持するための設計が施されています。

本記事で説明する自動広告設置方法は、公式AMPプラグインのWebsite Modeを”Reader”に設定した場合に有効です。別の表現を使用すると、以下のAMP用のテンプレートファイル保管方法は、Readerモードを使用した際に該当します。他のモードの場合は、異なる手続きが必要となります。

AMP for WordPressのテンプレートファイルの保管

AMP for WordPressのテンプレートファイルの保守管理をする手順を以下に紹介します。

使用しているWordPressのテーマのディレクトリーの下に”amp”と言う名前のディレクトリーを作成します。例えば、サイトでWordPressの標準テーマ Twenty Seventeenを使用している場合、 /wp-content/themes/twentyseventeen の下にampディレクトリーを作成します。

次に、上で紹介したAMP for WordPressのテンプレートファイルをFTPを使用して、/wp-content/themes/yourtheme/amp の下にアップロードします。(yourthemeの部分は、使用しているテーマになります）