制作会社から制作会社じゃない会社に転職が決まりました。制作会社で学んだことを残らず記事にしたいと思います。

パンDKOTORI Blogの公式キャラクター「パンD」です。
コーディングWordPressアイキャッチ画像の「URL,横幅,高さ」を取得する[WordPress]

アイキャッチ画像の「URL,横幅,高さ」を取得する[WordPress]

2011年08月30日WordPress 便利コード 
アイキャッチ画像の「URL,横幅,高さ」を取得する[WordPress]記事のアイキャッチ画像

アイキャッチ画像の「URL,横幅,高さ」を取得できるコード【wp_get_attachment_image_src】のご紹介。

まえがき

前回「アイキャッチ画像のURLを取得する」方法は書きましたが
もっとシンプルな方法を発見しましたので、エントリーします。
合わせて「アイキャッチ画像の横幅と高さを取得する」方法も紹介しますにゃー。

アイキャッチ画像の「URL,横幅,高さ」の情報を取得するタグ「wp_get_attachment_image_src」

wp_get_attachment_image_srcというタグを使えば
アイキャッチ画像の「URL,横幅,高さ」が配列で返ってきます。
アイキャッチのサイズ指定(thumbnail, medium, large, full)もできます。

記述例

$thumbnail_id = get_post_thumbnail_id($post->ID); //アタッチメントIDの取得
$image = wp_get_attachment_image_src( $thumbnail_id, 'full' ); //「full」サイズのアイキャッチの情報を取得
$src = $image[0]; //url
$width = $image[1]; //横幅
$height = $image[2]; //高さ

echo '<img src="'.$src.'" width="'.$width.'" height="'.$height.'" />';

こんな感じでアイキャッチ画像の情報を取得、出力します。

$image = wp_get_attachment_image_src( $thumbnail_id, 'full' );

この「full」の部分を取得したいアイキャッチ画像のサイズに変更することでサイズ指定もできます。

因みにサイズを数値で指定することもできます。

$image = wp_get_attachment_image_src( $thumbnail_id, array( 270, 250 ) );

とっても便利だぴょん。

シェアするみんなシェアしてね

フォローするフォローする

いつもKOTORI Blogをご覧いただきありがとうございます。Facebook、Twitterを通じて、皆様と交流していき色んな情報を共有していければな~と思ってます。お気軽に登録してください!

基本フォロー返します。

RSSを登録する

RSSはこちらから。

follow us in feedly

Feedly使ってる人はこちらから。

Buy me a Beer

動く!パンDのLINEスタンプ
好きな人にアプローチスタンプ
パンDのLINEスタンプ

関連する記事関連する記事も読んでみてね

コメント