ホームページ制作 川崎 横浜

バレエ留学 アステック

コラム

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

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

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

これを

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

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

 

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

 

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

記事検索

人気記事

まだデータがありません。

アーカイブ

月別一覧
年別一覧

ホームへ戻る

当社へのお問合せ
有限会社テクニカル プロデュース
神奈川県川崎市中原区小杉町1-533
お電話でのお問合せ メールでのお問合せ