web関連

wordpressでアイキャッチ画像の取得方法

wordpressでアイキャッチ画像の取得方法

Wordpressのアイキャッチ画像を取得するコードいちいち調べるの面倒なので備忘録

アイキャッチ画像を出力する方法

一般的な出力方法

<?php the_post_thumbnail('thumbnail'); ?>

出力されるサイズは、「thumbnail」「medium」「large」「full」とWordppressのデフォルト設定で用意されている。

また、出力されるサイズはfunction.phpに「add_image_size」を追加すれば任意のサイズのサムネイルを追加できる

任意のサイズのサムネイルサイズを用意する

// アイキャッチ機能を有効化する宣言
add_theme_support( 'post-thumbnails' );
// 以下が追加分のサイズ(名前,幅,高さ,切り抜きするかしないか)
add_image_size('180_thumbnail', 180, 90 ,true );
add_image_size( '300_thumbnail', 300, 150, true );
add_image_size( '600_thumbnail', 600, 300, true );
上記は横に長いサムネイルサイズが欲しかった時に使ったコードです。

画像のURLだけ出力する方法

以下のコードを使えば、画像のURLだけ出力します。

<?php echo wp_get_attachment_url( get_post_thumbnail_id() ); ?>
Wordpressをクライアントワークで使っていたりするとお客さんが小さい画像を上げてwordpress側で上手くサムネイルが生成されない時にインラインでスタイル書けばどんなに小さくてもエリアいっぱいに画像を配置出来てレイアウトが崩れにくいので結構多用してる

過去にアイキャッチ記事書いてた…まぁ、特定の記事のアイキャッチの取得方法だしセーフで

アイキャッチをインラインスタイルでタグに直に書くの「汚くならない?」って言われたけど、お客さんに「このサイズ以上の画像を上げてくださいね?」って言っても守ってくれない事を考えるとどうしても直で書いてcssで画像エリアいっぱいに表示させる方がいいと思うんだけどなー…
コーダーが僕しかいないからこういう話できる人がいない…