頃に書かれたものです。最新バージョンは、5.3.2です。Releasesこの記事は、2016年8月中旬に書かれたものですが、2016年11月に再編集しました。Projectが推進するプロジェクトの仕様に沿って、WordPressでgoogleがモバイル用ページとして配信するページを自動的に作成するプラグインが、AMPプラグインです。AMPプラグインは、何を行っているのかプラグインは、個別投稿ページでAMPhtmlへのリンクをヘッダーに追加し、AMP規格に対応したページを自動作成します。href="http://tenman.info/labo/snip/archives/8984/amp">AMPページのリンクが埋め込まれます。このリンクを、google等の検索エンジンがクロールした時にこのタグを拾って、AMPモバイル用ページをCDNから配信するという流れになります。(モバイルブラウザからのアクセスの場合に、自動的にAMPページを表示するといった機能ではありません。)WordPressの個別投稿ページは、jQueryや、それに依存するスクリプト、プラグイン等が設定するスクリプトや、スタイルといったものが混然一体となっていますが、ざっくりと言うと、コンテンツを表示するための最小表現を行います。$_GETリクエストもエラーとなります。Youtubeを表示する場合は、AMPのjavascriptを使います。)等、特定の許可されたもの以外はエラーになる。コンテンツのみのページが生成されます。AMPの規格に合致した問題のないページだけが、グーグルにクロールされCDNでの配信候補になります。AMPプラグインは、インストールするだけで簡単に動作しますが、実際に運営中のサイトのコンテンツは、すべてがAMPの規格に見合ったものとして表示されるわけではありません。httpsならOK)、h*見出し要素で、data-attributeを使っているような場合、detail要素や、jQueryを含んだページ、Gistのコードを貼り付けているようなページ、、、AMPに対応可能なのかどうかを見極めるためには、学習と運用しながら対応可能かどうかを見極める時間が必要になります。Googleのウェブマスターツールを使っている場合は、AMPに適合しないページを「検索での見え方・アクセラレートモバイルページ」で確認することが出来ますが、修正を行っても、直ぐに結果に反映するわけではないので、気長に修正を続けなければなりません。ついてAMPをテストしてみようと思った理由ここ数年で、レスポンシブデザインという言葉はすごく有名になり、WordPressにホストされるテーマ等を見ても、レスポンシブでないことに違和感を感じるほどに普及しました。このレスポンシブデザインは、CSSでブラウザのサイズに応じて「見た目を変える」という手法なので、ブラウザを判定して、見合うデータをレスポンスするといったものではありません。」というのが、率直な印象でした。Raindropsテーマも従来から、ごくシンプルな表示をする機能を持っていました。Shiv等のjsを使って、古いブラウザでも、モダンブラウザ同等の表示を行うやり方が主流ですがRaindropsは、この選択肢を取らず、コンテンツの内容を表示できる最低限の表示の道を選んだのです。そのような事からAMPは、今後のRaindropsをメンテナンスしていくうえで、フォールバックデザインを考えるといった意味合いで、興味深いプロジェクトに感じました。JapanRaindropsテーマで、AMPプラグインをアクティブにAMPプラグインをアクティベートして、AMPhtmlを表示してみると、驚くべきあっさりとしたエラーだらけのページがそこにあった。WEBマスターツールで、エラーが表示されたり、AMPに問題があるので修正してください。いったメールが届くようになります。投稿画像や、ロゴが、AMPプラグインのJSON_LDに含まれていません。いった警告が行われます。8月初めにAMPプラグインをテスト的にインストールしてから、現在までのエラーの推移AMPhtmlの検証Googleのウェブマスターツール「SearchConsole」を使っていれば、ウィジェットをアクティベートしていれば、「検索での見え方」で、AMPの問題点を表示してくれます。Validator等で、検証が出来そうです。795行位以降にあります。AMPに向かないページは、確実に存在するはずです。rel=”amphtml”...>を取り除きますこれは、自分的には一番便利な機能で、なぜエラーなのか結論が出ない場合や、投稿本文がAMPでの表現を超えている場合には、これを追加しておくことで、ampページとして評価されることがなくなるので、よく利用します。AMPhtmlのスタイルとして読み込まれます。AMPには、CSSの量の制限がありますが、ちょっとスタイルを変更したいことがたまにあります。テーマから変更できると便利でした。カスタマイザーで指定してあるヘッダー画像をJSON_LDに書き出します。);ロゴについては、カスタマイザーでサイトロゴが設定されていれば、それをJSON_LDに含めます。raindrops_amp_image_heightにすべきところが、raindrops_amp_image_widthになっていました。Raindrops1.453で修正しますオリジナルのロゴなら、以下のフィルターが使えます。サイズオーバーは警告が出ます。Guidelinesを参照してください。以下の要素は、AMPページでは無視され、一切表示されなくなります。コンタクトフォームや、gistのコード埋め込みは一切表示されなくなります。(noscriptも、現時点では非表示となりますので、注意してください。付けてアクセスするとAMPページが表示されます。AMP用のクエリについて?amp=1のようなクエリ文字列を使用した場合、一部のキャッシュプラグイン(設定にもよりますが)は、キャッシュを作成しなくなることがあります。cache)をアドオンとして、テーマとキャッシュプラグインの連携スクリプトを含んでいます。デフォルト設定では、このプラグインは?amp=1等のクエリ―文字列のついたページはキャッシュしません。これは、ログインや、フォームからのパスワード入力等がありそうなページは、キャッシュが動作を阻害したり、セキュリティ上の影響を避けるものです。この場合、通常のページはキャッシュされ、AMPページはキャッシュされなくなり、表示スピードに影響が出ます。追加する方法に変更すると、キャッシュされるようになりますので、考慮する事をお勧めします。感触をつかみたくて、試用してみました。tenmanAMPのフィルターを使ったカスタマイズこの記事は、プラグインのreadme.mdで紹介されているAMPフィルターの動作テストを行ったメモです。tenmanカスタム投稿タイプで、AMP表示を行うAMPプラグインで、カスタム投稿タイプの、AMP表示を行うには、以下のフィルターをfunctions.phpに追加する必要がありそうです。»コメントは受け付けていません。tenman.info。