川崎市のホームページ制作 ワードプレス構築	 ワードプレスのカスタムフィールドで登録した画像をサムネイル表示させる方法



川崎市のホームページ制作 ワードプレス構築	 ワードプレスのカスタムフィールドで登録した画像をサムネイル表示させる方法

コラム

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

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

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

これを

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

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

 

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

 

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

ホームへ戻る

当社へのお問合せ
有限会社 テクニカルプロデュース

- 本社 -
神奈川県 川崎市中原区 小杉町1-533

- 制作オフィス -
神奈川県 横浜市都筑区 茅ケ崎東3-18 お電話でのお問合せ メールでのお問合せ