Amp for WordPressのデフォルトアイコンに任意の画像を表示する方法

Amp for WordPressのデフォルトアイコンに任意の画像を表示する方法

どうも、だいち(@spountant)です。

Amp for WordPress」プラグインでは、タイトル下の著者情報のアイコンがデフォルトの人型になっている。これだと少し見栄えがよくないので、このページではデフォルトアイコンを任意の画像に変更する方法を紹介する。

 

ワードプレスのテーマにAMPのphpを追加する

まずは今使っているワードプレスのテーマにAMPのphpを追加しよう。

具体的には「テーマの編集」欄において、新たに「amp」という項目を追加する。

FileZillaというツールを使えばすぐにできるので、以下の記事を参考にしつつやってみてほしい。

関連記事:FileZillaでWordPressのテーマにAMPのphpを実装する手順【図解】

 

AMP表示時におけるデフォルトアイコンを任意の画像に変更する

FileZillaで設定が完了したら、「外観」→「テーマの編集」の中に「amp」が存在しているはず。

そして自分の好きなアイコンを表示するためには、「amp」→「meta-auther.php」の5行目、src=””を画像URLに変更しよう。

自分の5行目6行目は以下のような記述になっている。

<amp-img src="https://wonderland02.com/wp-content/uploads/2018/04/Joejoe.png" alt="<?php echo esc_attr( $post_author->display_name ); ?>" width="24" height="24" layout="fixed"></amp-img>

「src=””」のダブルクォーテーション内が画像URLに変えると、それがそのまま反映される仕組みだ。

ちなみに画像URLは以下のように確認することができる。

 

ほかにもAMP表示デザインをいじりたい場合

ほかにも関連記事の表示やSNSシェアボタンを設置したい場合は、以下の記事にそのやり方をまとめているので、ぜひ参考にしてみてほしい。

関連記事:AMP表示におけるおすすめのデザイン変更・調整まとめ

 

URL :
TRACKBACK URL :

Warning: getimagesize(/home/spountant/wonderland02.com/public_html/wp-content/themes/dp-escena/img/json-ld/nologo.png): failed to open stream: No such file or directory in /home/spountant/wonderland02.com/public_html/wp-content/themes/dp-escena/functions.php on line 932