こんにちは!フリーランスエンジニアののせっち@nosecchi01です。 ワードプレスのサムネイル(アイキャッチ)をbackground-imageで使う方法をご紹介します。 コードをコピペするだけなのなら一瞬で終了します。 というわけで、早速コードを紹介 $url = wp_get_attachment_url( get_post_thumbnail_id($post->ID) ); echo '<div style="background-image: url('. $url.')"></div>'; the_post_thumbnailは<img>タグを返しますが、どうしてもbackgroundでいきたいときがありますよね。 →urlを取得してあげればOKです。$url = wp_get_attachment_url( get_post_thumbnail_id($post->ID)
![【2秒】アイキャッチ画像をbackground-imageで出力する【WordPress】](https://cdn-ak-scissors.b.st-hatena.com/image/square/df170beb76460d583aea0600a33253b2d5e71038/height=288;version=1;width=512/https%3A%2F%2Fflex-box.net%2Fwp-content%2Fuploads%2F2020%2F11%2Ficatch-thumbnail-background.jpg)