MAGAZINE

Twitter
Facebook

WordPressにて下層ページのメイン画像を「アイキャッチ」「ページタイトル」「ページスラッグ」で構成したい

例)よくあるアイキャッチ取得方法

しかしこれだと画像パス以外にも取得してしまう。
ではどのようにすればいいのか?

 

アイキャッチの情報取得方法

画像の情報を取得する

wp_get_attachment_image_src($attachment_id, $size, $icon)
※アイキャッチ画像のパスやサイズを配列で返してくれる
$attachment_idには、画像のIDを渡す
$sizeは、使いたい画像サイズを指定(thumbnail, medium, large, full)
$iconは真偽値(true, false)初期値はfalse

 

画像IDの取得

get_post_thumbnail_id()
※アイキャッチのIDを取得

使用方法

 

実用例

 

HTML

 

SCSS

完成イメージ

こうすることでアイキャッチ画像を背景にし、タイトルサブタイトルにページ名とslugを使用することができます。

こうすることで下層ページの共通化を進め、コーディングだけでなく、デザイナーの工数を削減し、またサイトの統一感も一元管理できるようになります。