ホームページ » ワードプレス » WordPressでAMPを使う方法

    WordPressでAMPを使う方法

    AMPは共同体としての取り組みであり、 モバイル環境のWebサイトのページ読み込みパフォーマンスが向上. しかし、前のチュートリアルからわかるように、あなたはあなたのウェブサイトから派手なものを犠牲にしなければならず、そして厳格にルールを守り、ガイドラインを遵守し、そしてページを検証させなければなりません。やることはたくさんあるようですね。?

    幸い、WordPressでWebサイトを構築したことがある場合は、AMP-WPというプラグインを使用してAMPをWebサイトに簡単に適用できます。それは目を見張るものよりも多くの機能が付属しています。それでは、それがどのように機能するか見てみましょう.

    アクティベーション

    まず始めに、あなたのウェブサイトにログインしてください。 プラグイン>新規追加 画面。検索する “AMP; Automatticからのものをインストールしてアクティブにします.

    有効にすると、AMPに変換した投稿を表示できます。 / amp / 投稿URLの末尾に表示されます（例：. http://wp.com/post/amp/）、またはと ?アンプ= 1 （例えば. http://wp.com/post/?amp=1あなたのウェブサイトでプリティパーマリンク機能を使用していない場合.

    そしてあなたが上で見ることができるように、ポストはあなたがさらにカスタマイズすることができる基本的なスタイルを与えられました.

    注意します

    現時点でのプラグインの状態について知っておくべきことがいくつかあります。

    • アーカイブ - カテゴリー, タグ そして カスタム分類 - 現在サポートされていません。それらはAMP準拠のフォーマットに変換されません。ただし、カスタム投稿タイプはフィルタを介してAMPに開始できます。.
    • ダッシュボードの新しい設定画面に追加されません. カスタマイズはコードレベルで行われます アクション付き、フィルタ、クラス.
    • このプラグインは現在、以下のようなすべてのAMPカスタム要素を網羅しているわけではありません。 アンプアナリティクス そして アンプ広告 箱から出して。これらの要素が必要な場合は、プラグインのアクションまたはフィルタにフックして含める必要があります。.

    カスタマイズ

    このプラグインは、スタイル、ページコンテンツ、さらにはAMPページ全体のHTMLマークアップをカスタマイズする上での柔軟性を提供する多数のアクションとフィルタを提供します。.

    スタイル

    これは、プラグインをアクティブにした直後に変更する必要があることの1つです。たとえば、ヘッダーの背景色、フォントファミリ、フォントサイズをWebサイトのブランドや個性に合わせて変更するなどです。.

    そのためには、 amp_post_template_css での行動 functions.php 私たちのテーマのファイル.

    function theme_amp_custom_styles（）？> nav.amp-wp-title-bar 背景色：オレンジ。   
    Chrome DevToolsを見ると、これらのスタイルは