• RSS

[WP]JetpackのOGP(og:image)にアイキャッチ画像を出力する方法

  • このエントリーをはてなブックマークに追加
  • follow us in feedly

以前にJetpack のOGP(og:image)のデフォルト画像を変更するの記事で紹介させていただいた方法は、ブログのどのページでも同じOGP画像を出力するというカスタマイズでしたが、

今回は、記事のアイキャッチ画像の有無を判定して、アイキャッチがあればOGP画像に出力できるようにするという方法を紹介致します。

Jetpackのog:imageをアイキャッチ画像にする

Jetpackの公式サイトでは、ページ別にOGP画像を出力する方法が掲載されていますが、


このコードを元に、ブログ記事にアイキャッチがあるかどうかを判定して、あればog:imageにアイキャッチを、なければデフォルトの画像を表示させるようにカスタマイズしてみます。

上記コードをfunctions.phpに追記します。
なお、上のコードではデフォルトの画像はget_template_directory_uri().'/img/ogp.jpg';にしていますが、ここはご利用の環境に合わせて変更してみてください。



  • このエントリーをはてなブックマークに追加
  • follow us in feedly

コメント

コメントを残す

This site uses Akismet to reduce spam. Learn how your comment data is processed.