カスタム投稿タイプに設定したアイキャッチ画像を直接取得する方法

  • このエントリーをはてなブックマークに追加
  • Pocket
  • LINEで送る

本日は業務メモです。カスタム投稿タイプとして追加したデータからアイキャッチ画像を取得する方法ですね。カスタム投稿タイプは色々な活用ができます。使い方は状況によってもさまざまですがたとえば画像ギャラリーとして好きなだけイメージ画像を追加して特定のページで表示させたりとアイデア次第で自由自在。

下記ではカスタム投稿タイプに設定した画像をピンポイントで取得するカスタマイズをご紹介いたします。

カスタム投稿タイプに設定したアイキャッチ画像を直接取得する方法

以前に「カスタム投稿タイプの作成手順」を書いてますのでぜひご一読ください。

<?php
	// カスタム投稿タイプに追加したアイキャッチをすべて取得する
	$args = array(
		'post_type' => 'sample'
	);
	$loop = new WP_Query( $args );
	while ( $loop->have_posts() ) : $loop->the_post();
		the_post_thumbnail('thumbnail');
	endwhile;
	wp_reset_postdata();
?>

サイズを指定することもできます。

// デフォルト 横150px 縦150px
the_post_thumbnail( 'thumbnail' );

// デフォルト 横300px 縦300px
the_post_thumbnail( 'medium' );

// デフォルト 横640px 縦640px
the_post_thumbnail( 'large' );

// アップロードした画像の元サイズ
the_post_thumbnail( 'full' );

// サイズ指定 横100px 縦100px
the_post_thumbnail( array( 100, 100 ) );

色々な大きさが取得できます。横と縦を各々指定することも可能。縦横比はアップロードしたオリジナル画像によっても変わるので「長方形を使いたい場合」は事前設定が必要かもしれません。

最新式の無料プラグインを事前公開

WordPressは公式サイトに登録済みのプラグインだけで全機能を補足しきれません。当サイトでは使いやすさを追求した魅惑的なプラグインを無料でダウンロードいただけます。運営ホームページのマーケティング力をさらに高めるチャンスです。まずは無料でDLしてお試しくださいませ。
改良されたプラグインを確認する

ワードプレス専門家に丸投げする

WPホームページ研究所はワードプレスを中心としたブログ作成・ホームページ制作・オウンドメディア構築・プラグイン設定・調整など幅広いカスタマイズに対応しております。 記事の掲載情報はもちろんお好みの機能をいただければ専属スタッフが心を込めて対応させていただきます。まずはお気軽にお問い合わせくださいませ。

お問い合わせの種類をお選びください(もっとも近い項目)

法人の場合は法人名とご担当者のお名前をご入力ください

返信時のご連絡に利用するメールアドレスをご入力ください

運営中のウェブサイトURLがあればご入力ください

お困りの内容があれば詳しい内容をお聞かせください