ワードプレスの関数で出力したサムネイルにloading属性を追加する

家庭菜園をやるようになってから、野菜の摂取量が増えたjyunzyです。bud.gif
しばらく前から大根を育てているのですが、これは葉っぱも食べられるんですね。
大根が一本あれば、2~3日分の野菜は賄えそうです。

今回は遅延読み込みの方法であるloading=”lazy”を追加する方法を説明します。
といっても、imgタグやsourceタグなどに直接書き込むだけでいいのですがicon_rolleyes.gif
WordPressの場合、関数を使って画像を出力していることもあります。

下記の関数なら、属性を入れる箇所があります。(赤字のように入れればOKです)

アイキャッチ画像の場合
get_the_post_thumbnail( $post_id, $size, array( ‘loading’=>’lazy’ ) );
添付ファイル(画像)の場合
wp get attachment image( $attachment_id, $size, $icon, array( ‘loading’=>’lazy’ ) );

他の部分は下記サイトを参考に適宜変更して下さい。

テンプレートタグ/get the post thumbnail – WordPress Codex 日本語版
テンプレートタグ/wp get attachment image – WordPress Codex 日本語版

トラックバックURL