[WordPress]アイキャッチ画像のURLを取得してサムネイルから大きい画像にリンクしてみる

アイキャッチ

最近またWordPressの案件ばかりやらせていただいてます下山です。
アイキャッチ画像を使ってると、よくある悩みが画像のURLだけ取得できないかな・・・ってことだと思います。

まずはアイキャッチ画像を使用するには?

オリジナルテーマでアイキャッチ画像を使用するにはfunctions.phpに以下を追加します。

横300ピクセル、縦300ピクセルのサイズに切り抜きます。
引数にtrueとすると、画像をリサイズしたとき、はみ出す部分はカットされます。何も指定しなければ、画像はカットされず、幅と高さにあうように縮小されます。

functions.phpに上記を指定してないとアイキャット画像の機能すら使えないので注意が必要です。

アイキャッチ画像を表示する基本

まずは通常?のアイキャッチ画像を表示する方法を。

例えば<?php the_post_thumbnail(); ?>のように書くと<img src=”http://hoge.com/wp-content/uploads/2016/01/hoge.jpg” width=”300″ height=”300″>みたいに返ってきますね。

とここまではいつものアイキャッチ画像の使い方。

imgタグじゃなくてhttp://hoge.com/wp-content/uploads/2016/01/hoge.jpgを取得したい!

wp_get_attachment_image_src()関数を使用します。
wp_get_attachment_image_src()関数は画像のパスや幅、高さを配列で返してくれる関数です。

[0]を引っこ抜けばいいわけですね。

wp_get_attachment_image_src() の使い方

ちょっとオマケまで付けてみましたが、これでリンクをしたり属性を追加したりできるようになりますね。
mediumやfullで画像サイズの変更もできます。変数名は変更しなくても大丈夫ですが、気持ち悪い方はmediumにしたら変数名を$img_mediumに変更してもいいと思いますよ。

まとめ

get_post_thumbnail_id()は覚えておくと便利な関数なのでぜひ活用してみてください。

スポンサーリンク
  • このエントリーをはてなブックマークに追加
  • Evernoteに保存Evernoteに保存
スポンサーリンク