AMP公式プラグイン StandardまたはTransitionalモードでのテンプレートファイルを編集してAdSense 自動広告コードを設置する方法
Chico@ブロギングライフAMP 公式WordPress プラグイン、AMP for WordPressは、Standard, Transitional, Readerと呼ばれる3つのモードがあります。本記事では、StandardとTransitionalのどちらかのモードを選択した際のAMP自動広告の設定方法を紹介します。 Website M...
AMP ページにSNS共有ボタンを簡単に設置する方法
プラグイン AMP for WordPress を使用すると、簡単にWordPressのサイトをAMP化することができます。AMP for WordPressは、基本的な機能がしっかりしているのが特徴です。言い方を変えると、機能は基本的なものに限定されているため、サイト運営者の方で必要な機能は追加する作業が必要となりま...
プラグイン Ad Inserterを使用してAMPページに広告を挿入する方法
Ad Inserterは、高機能な広告設置、管理を行うことができるWordPress プラグインです。Ad Inserterは、通常ページに加えてAMPページでの広告挿入も対応しています。本記事では、Ad InserterでAMPページに広告を挿入する方法を紹介します。 Ad Inserter の動作が確認できているA...
AMP for WordPressにGoogle アナリティクスを設定する方法
プラグイン AMP for WordPressを使用して、AMP化したサイトにGoogle アナリティクスのトラッキングコードを設置する方法を紹介します。 AMP ページに設置するGoogle アナリティクスのコードについて AMPページのトラッキングを行うGoogle アナリティクスのコードは、通常ページに設置するG...
AMP for WordPressのAMPページにサイトタイトル画像を設定する方法
AMP for WordPressでAMP化したページにサイトタイトル画像とAMPのロゴガイドラインに準拠したロゴを構造化データで出力する設定方法を紹介します。 サイトタイトルとロゴ画像の作成 サイトタイトル画像を予め用意します。AMPの構造化データでは、AMP用のロゴのガイドラインがあります。AMPページのサイトタイ...
AMP for WordPress のAMPページにサイトアイコンを追加する方法
AMP for WordPressを使用してAMP化したページは、デフォルトのテンプレートではページ最上部が着色されたタイトルバー（下の画像の赤枠部）となり、サイト名が表示されます。 AMP テスト結果で警告 シンプルですが、少し寂しい感じになります。この状態でAMP Test を行うとテストは合格（Valid AMP...
AMP for WordPressのAMPページでGoogle フォントを使用する設定方法
通常ページとAMPページは、同じフォントを使用するのが基本です。通常ページでGoogle Fontsを使用している場合は、同じフォントをAMPページでも使用することが望ましいです。 Google Fontsについては、以下の記事で詳しく説明しております。 Google Fontsの特徴、選び方、設定と注意点 本記事では...
AMP for WordPress のAMPページのフォントを変更する方法
プラグイン、AMP for WordPressを使用してAMP化した場合、デフォルトでの記事のフォントは明朝体になります。AMPのページのフォントを通常ページと同じにしたいと思う方も多いと思います。CSSに使用するフォントを指定することで、表示するフォントを変えることができます。AMP for WordPressでは、...
AMP for WordPressにAdSense 自動広告を追加する方法
Google AdSense 自動広告は、通常ページ向けとAMPページ向けの2種類があります。AMP自動広告については、以下のページに詳細を記載しております。 AdSense AMP 自動広告の特徴、設置、収益パフォーマンスの確認方法 本記事では、プラグイン AMP for WordPress を使用してAMP化した場...
編集したAMP for WordPress のテンプレートファイルの保管方法
AMP for WordPress は、WordPressと関係が深いAutomattic社が提供するAMP化用プラグインです。Automattic社はWordPress.comの運営会社です。さらに、Jetpackなど数多くのWordPress用のプラグインを開発、提供しています。 AMP for WordPress...