get_the_post_thumbnailで出力したサムネイルにloading属性を追加する

ChromeやFirefoxで動作するloading="lazy"をサムネイルにもつける方法のメモ。

実現したいこと

• WordPress使用
• get_the_post_thumbnail()で出力したサムネイル画像にloading="lazy"を追加する

対応方法

• テンプレートタグ/get the post thumbnail – WordPress Codex 日本語版
  ※属性に関しては以下のwp_get_attachment_image()を参照するように書かれている
• テンプレートタグ/wp get attachment image – WordPress Codex 日本語版

get_the_post_thumbnail( $post->ID, 'thumbnail', array( 'loading'=>'lazy' ) ); 
//decoding="async"も同じ要領で追加可能

get_the_post_thumbnail()には属性を追加する方法が用意されているので、それを利用するだけで実現可能です。

結び

方法が用意されているので簡単に追加できます。