WordPress AMPプラグインをいろいろ改造してみる – ねんでぶろぐ
前回、「WordPress AMPプラグインを使って サイトをAMP対応にする」でAMPプラグインを紹介しましたが今回はさらに自分のサイトに合うように改造していくためのアクションフックやアクションフィルターを紹介します。 不動産プラグインでも以下のフックやフィルターを使ってAMP用のプラグインを開発しています。 WordPress AMPプラグイン(Automattic) https://wordpress.org/plugins/amp/ WordPress AMPプラグインを使って サイトをAMP対応にする https://nendeb.com/387 【2018/03/07 更新】 ※この記事は WordPress AMPプラグイン ver0.6.2 を使ってテストしています。 投稿者の名前表示を変更したい場合 投稿者の名前が表示されますが 他の名前に変更したい場合、以下のコードを
AMPプラグイン使用時のカスタムフィールド分岐
AMPプラグインを使用して作成したページで、カスタムフィールドの値に応じて表示をコントロールすることができずに困っていましたが、何とか解決したのでメモ。 AMPプラグインを使用すると簡単にシンプルなAMPページを作ることが出来ます。 しかしそのままでは使い物にならないので多少のカスタマイズを行いますね。AMPプラグインは現在のバージョンではテンプレートを簡単カスタマイズすることが出来ます。 AMPプラグインのテンプレートカスタマイズの準備 ampプラグインフォルダ内に templates フォルダがあります。 プラグインフォルダ内のtemplates このtemplatesフォルダをテーマフォルダにコピーして「amp」と名前を変えます。準備完了。 使用しているテーマフォルダにコピーして「amp」に名前変更 これでAMPテンプレートの子テーマみたいに認識されます。こっちを弄ると自動的に反映さ
WordPressでカスタム投稿タイプの投稿をAMP対応する方法｜今村だけがよくわかるブログ
WordPressで作ったWebサイトをAMP（Accelerated Mobile Pages Project）に対応させるには、プラグイン（以下 AMPプラグイン）を使うと便利です。 ところで・・・AMPプラグインは、デフォルトでは「投稿」のみ対応しています。 このブログを例にすると、以下の投稿 https://www.imamura.biz/blog/27551のAMPページは https://www.imamura.biz/blog/27551/ampでアクセスできます。 カスタム投稿タイプの投稿もAMP対応したいWebサイトによっては「カスタム投稿タイプ」を作って、カスタム投稿タイプの投稿を利用している場合もあると思います。 「カスタム投稿タイプの投稿もAMP対応させたい！」 ということもあると思います。以下に方法を書きましたので、機会がありましたらご参考ください。 カスタム投稿
AMP HTML でアコーディオンやカルーセル表示などを実装する拡張コンポーネントを使ってみる
AMP 拡張コンポーネントには、カルーセルやスライドショー、あるいはアコーディオン式の UI を実装したり、ソーシャルボタンを設置するためのコンポーネントも用意されています。そこで個人的に気になったものをいくつか取り上げて、簡単に解説してみたいと思います。 以前、AMP （Accelerated Mobile Pages） HTML に関する基本的な記事と、拡張コンポーネントを利用した AMP HTML への Google Analytics 導入方法について記事を書きました（下記リンク参照）。 AMP （Accelerated Mobile Pages） HTML を出力するようにしてみたけど面倒くさかった話 amp-analytics コンポーネントを使用した AMP HTML への Google Analytics 導入方法 AMP の拡張コンポーネント （Extended comp
AMPの対応方法まとめ
Googleが「Accelerated Mobile Pages(モバイル環境でのページ表示を高速化しよう)」という目的で始めたAMPプロジェクト。AMPに対応したウェブページを作成する方法を、初心者の私が勉強をしながらまとめていきます。 Q&A対応するとどうなるの？カルーセルに掲載されるモバイルでのGoogleの検索結果にカルーセル形式で表示されます。ただし、AMPに対応した全てのページがカルーセルで表示されるとは限りません。 AMPのマークが付くモバイルでのGoogleの検索結果に雷のマークが付きます。そして検索結果からのアクセスは全てAMPのページになります。開発者もユーザーも、通常のページかAMPのページかを選択することができません。 アクセスは増える？増えると思います。AMPに対応するとカルーセルに表示されるかもしれません。カルーセルは確かに検索結果ページの上部にありますが、その
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
