AMP for WP – Page Builder Compatibility の使い方 (1.9.14)

• 全体設定
• プラグイン「ページビルダー」の設定

 

全体設定

ページビルダーの有効化、AMPキャッシュのクリア、タイトルやコメントテンプレートの全幅表示の設定を行います。

1. このプラグインをインストールして有効化するとサイドメニューに [AMP] というメニューが追加されます。
   
2. [AMP] > [設定] > をクリックします。
   
3. [ページビルダー] > [単一ページ内の設定] を設定します。
   
   • AMP CSS　キャッシュのクリア：
     すべてのページビルダーCSSをキャッシュして、キャッシュされたCSSをクリアできるこのオプションを使用してパフォーマンスを向上させます。
   • タイトル：このオプションを有効にすると、投稿/ページのタイトルが全幅で表示されます。
   • コメント：このオプションを有効にすると、投稿/ページのコメントが全幅で表示されます。

全体設定は以上です。

 

Elementorの設定

ページビルダーをAMP対応可能になるように設定します。

1. [AMP] > [設定] をクリックします。
   
2. [エレメンターサポート] をクリックします。
   
3. [Elementor Compatibility] > [AMP Elementor Compatibility] を有効化 します。
   有効化することで、Non-AMP（通常のWebサイト）とAMP Webサイトがほぼ同じように表示されます。
4. 必要に応じてそのほかの項目を設定します。
   
   • CSS URLを入力：このテキストエリアに、カスタムプラグインCSSリンク（URL）を追加して、非AMPページと同様のデータを取得し、CSS URLをコンマで区切ることができます。
   • カスタムCSSの入力：カスタムCSSコードを入力します。CSSを変更する場合はここにCSSコードを追加します。
   • reCAPTCHA（v3）サイトキーの入力：Recaptchaサイトキーを入力します。
   • reCAPTCHA（v3）シークレットキーの入力：Recaptchaシークレットキーを入力します。
   • ヘッダーフッターの削除：デフォルトのヘッダーとフッターを削除する場合に ✔︎ をします。

注：オプション機能のElementor CanvasとElementor Full widthを使ってデザインされたページはどんなものでもAMPに自動的に変換されますが、Elementor full widthテンプレートではテーマのヘッダーとフッターは表示されません。

 

AMP Page Builder Compatibilityの設定は以上です。