LoginSignup
2
0

More than 5 years have passed since last update.

AMP for WordPress プラグインの Paired (ペア)モードでCSSが効かなくて崩れた時に設定した項目メモ

Posted at

AMP for WordPressプラグインが、
正式版1.0になったそうで、試しにPaired Mode(ペア モード)にしてみた。
ちなみに今適応しているWordPressのテーマは Twenty Nineteen

モードについては以下を参照。
WordPressをAMP対応するプラグインの正式版 v1.0 が公開。統一されたデザインと機能のAMPページを実現(海外SEO情報ブログ)

すると、CSS(見た目)が効いてない。なんで!?
AMP for WordPressでCSSが効いていない

公式ドキュメントを読んでも分からない。

あちこちググって、ようやく、Githubのページを見つけた。
https://github.com/ampproject/amp-wp

それによると...

Switch from Classic to Paired or Native modes in AMP settings screen. You may need to disable the admin bar in AMP if your theme has a larger amount of CSS.

Google翻訳:AMP設定画面でクラシックモードからペアモードまたはネイティブモードに切り替えます。テーマのCSSの量が多い場合は、AMPの管理バーを無効にする必要があります。

つまり、AMPメニューのGeneralで、「Disable admin bar on AMP pages」にチェックを入れればいいらしい。

AMP設定画面

保存して、サイトをチェックしたら、ちゃんとできてた!
Twenty NineteenのAMPペアモードの見栄え

2
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
2
0