» ワードプレスのカスタムフィールドで登録した画像をサムネイル表示させる方法
ワードプレスのカスタムフィールドで登録した画像をサムネイル表示させる方法

記事一覧にサムネイルを表示させるパターンはよくあります。
ですが、ワードプレスの場合通常はアイキャッチ画像を使うので、記事内に表示させる画像の他にアイキャッチ画像として登録する手間が生じてしまいます。
自身のサイトならなんてことはない手間ですが、クライアント様に納品するシステムとしては
「カスタムフォールドに登録した画像を、アイキャッチ画像にも登録してください」と言うのが、なんともダサイ気がしてなりません。

そのこで表示側のソースを通常のアイキャッチ画像の表示ソース

<?php the_post_thumbnail(‘thumbnail’); ?>

これを

<?php echo wp_get_attachment_image(get_post_meta($post->ID, ‘カスタムフィールド値’, true),’thumbnail’); ?>

に変更することで、カスタムフィールドの画像が正方形トリミングされ出力されます。

 

後はCSSでwidthを任意のサイズ、heightをautoに指定します。

 

たったひと手間ですが、納品物のクオリティーが上がる気がします。

ホームへ戻る

お気軽にお問合せください。
お客様のご要望をお聞きし、制作企画とお見積りのご提案いたしますのでご検討ください。
 044-711-8100

PAGE TOP