WordPress AMPプラグイン で 互換性の問題が発生する

 

WordPressに導入している「AMPプラグイン」で、
　1. Themes with AMP incompatibility
　2. Plugins with AMP incompatibility
という、互換性の問題が発生した。

 

 

以下、AMPでの互換性問題を解決した記録。

 

 

 

 

 

 

 

管理画面の「AMP」から「設定」を開き、「Site Scan」の左下にある「Scan Site」ボタンをクリックする。

 

「Themes with AMP incompatibility」が表示される。

 

 

Themes with AMP incompatibility
Because of theme issue(s) we’ve found, you’ll want to consider a different template mode below. You may also want to browse alternative AMP compatible themes.
（テーマの問題が見つかったため、以下の別のテンプレート モードを検討してください。 代替の AMP 互換テーマを参照することもできます。）

 

「Twenty Seventeen child」をクリックして、内容を展開する。

 

互換性が検出された該当記事のURLと、検証データが表示される。

 

検証データの内容には、子テーマ「twentyseventeen-child」の「functions.php」に記述している、phpファイルを呼び出すコードが表示されている。

 

※：これらのコードをコメントアウトすると、互換性エラーは消える。

 

ちなみに「AMP テスト」サイトで、該当のURLをチェックするも、エラーは見当たらない。

 

AMP設定における「テンプレートモード」は、「リーダー」で、リーダーテーマは「AMPレガシー」となっている。

 

リーダーテーマを、「AMPレガシー」から「Twenty Seventeen」に変更してみる。

 

リーダーテーマを「Twenty Seventeen」に変更すると、「Site Scan」がおこなわれエラー内容がプラグインの互換性に変わった。

 

 

 

 

Plugins with AMP incompatibility。

 

問題のプラグインが表示され、「プラグインを確認して抑制することをお勧めします。」と記述されている

Because of plugin issue(s) detected, you may want to review and suppress plugins. You may also want to browse alternative AMP compatible plugins.
（プラグインの問題が検出されたため、プラグインを確認して抑制することをお勧めします。 代替の AMP 互換プラグインを参照することもできます。）

 

 

「プラグイン抑制」欄を開き、該当のプラグインを【有効】から【抑制】に変更し「保存」する。

 

「Site Scan」実行され、互換性の問題が解消される。

 

Site scan found no issues on your site. Browse your site to ensure everything is working as expected.
（サイトスキャンではサイトに問題は見つかりませんでした。 サイトを参照して、すべてが期待どおりに動作していることを確認します。）

 

 

 

 

リーダーテーマを、「AMPレガシー」から「Twenty Seventeen」に変更すると、互換性の問題は解消するも、次の制約がある。

 

 

 

対策：WordPressの管理画面から「AMP設定」を開き、「AMP 設定済み」の 「リ－ダーテーマのカスタマイズ」を選択する。

 

カスタマイザーの設定項目から「ヘッダーメディア」を選択する。

 

「新規画像を追加」をクリックし、ヘッダー画像をアップロードする。

 

既存のヘッダー画像を設定する場合は、検索して該当の画像を選択する。

 

「公開」をクリックする。

 

これで、AMPページ用のヘッダー画像を変更することができる。

 

 

 

 

対策：同様に、WordPressの管理画面から「AMP設定」を開き、「AMP 設定済み」の 「リ－ダーテーマのカスタマイズ」を選択し、カスタマイザーの設定項目から「追加 CSS」を選択する。

 

Blockquote の CSS を設定する。

 

これで、AMPページ用のCSSを設定することができる。

 

 

 

 

リーダーテーマを、「AMPレガシー」から「Twenty Seventeen」に変更すると、ショートコードが動かない。

 

リーダーテーマを「AMPレガシー」に戻せば、ショートコードが動く。

 

 

 

 

リーダーテーマを「AMPレガシー」に戻す。

 

AMPページの表示に問題はないので、「Themes with AMP incompatibility」の表示を無視することとする。

 

 

以上。
(2023.10.01)