アイキャッチ画像の「loading=”lazy”」を外したい

0
いいねをした人: 居ません
6件の投稿を表示中 - 1 - 6件目 (全6件中)
  • 投稿者
    投稿
  • #97163
    光下 太郎
    参加者
    5

    【お使いの Snow Monkey のバージョン】16.0.2
    【お使いの Snow Monkey Blocks のバージョン】14.0
    【お使いの Snow Monkey Editor のバージョン】7.0
    【お使いのブラウザ】Chrome
    【当該サイトのURL】

    ### 実現したいこと

    アイキャッチ画像のloading=”lazy”をはずしたい

    ### 発生している問題

    Page Speed Insightで「Largest Contentful Paint の画像が遅延読み込みされています」と出るので、アイキャッチ画像についているloading=”lazy”を外せればと思うのですが、そういったカスタマイズ方法はあるでしょうか?

    ### 試したこと

    0
    いいねをした人: 居ません
    #97209
    キタジマ タカシ
    参加者
    2254

    下記のフックで無効化できるようです。

    個別に無効化する方法は僕もわからないです…。

    1
    いいねをした人:
    #97227
    まーちゅう
    参加者
    356

    アイキャッチ画像のみ外す場合

    add_filter(
    	'wp_lazy_loading_enabled',
    	function( $default, $tag_name, $context ) {
    		if ( 'the_post_thumbnail' === $context ) {
    			return false;
    		}
    		return $default;
    	},
    	10,
    	3
    );
    2
    いいねをした人:
    #97269
    光下 太郎
    参加者
    5

    キタジマさん、まーちゅうさん、ご返信ありがとうございました。

    まーちゅうさんのコードをMy Snow Monkeyに書いたところどうも反映せず、いろいろ試してみてthe_post_thumbnailの部分をwp_get_attachment_imageにしたらうまくできた?ようです。

    アイキャッチを出すのがthe_post_thumbnailだという理解でいたのですが、テーマのつくりによってはwp_get_attachment_imageでも良いっていうことなんですかね?

    的はずれな質問かもですみません^^

    0
    いいねをした人: 居ません
    #97275
    キタジマ タカシ
    参加者
    2254

    Snow Monkey はデフォルトアイキャッチ画像の表示に wp_get_attachment_image() を使っているのでその影響かもですね。

    1
    いいねをした人:
    #97285
    光下 太郎
    参加者
    5

    キタジマ様、なるほどありがとうございます。

    トピックを閉じさせて頂きます。

    1
    いいねをした人:
6件の投稿を表示中 - 1 - 6件目 (全6件中)
  • トピック「アイキャッチ画像の「loading=”lazy”」を外したい」には新しい返信をつけることはできません。

ドキュメント

Snow Monkey の設定方法やマニュアルを掲載しています。

ドキュメント

フォーラム

Snow Monkey の使い方やカスタマイズについてのご質問・ご要望等はサポートフォーラムで行っています。サポートフォーラムは誰でも閲覧できますが、書き込みできるのは Snow Monkey 購入者のみとなります。

サポートフォーラム

よくあるご質問

Snow Monkey のサービスについて不明な点がある場合は、まずはよくあるご質問をご確認ください。

よくあるご質問

お問い合わせ

よくあるご質問を見ても解決しなかった場合、試用版の申請については問い合わせフォームからお願いいたします。

お問い合わせ

Snow Monkey は Gutenberg ブロックエディターに対応した 100%GPL の WordPress テーマです。拡張性を意識した開発をおこなっており、カスタマイザーとブロックでスピーディーにサイトを立ち上げるだけでなく、CSS やフックを駆使した高度なカスタマイズにも柔軟に対応できます。