関数

WordPressでアイキャッチ画像をオリジナルサイズに定義して出力する add_image_size

add_image_size

WordPressのアイキャッチの出力は、デフォルトの状態では、サムネイル・中サイズ・大サイズ・フルサイズがあります。
上記以外で、新しいアイキャッチのオリジナルサイズを登録する場合は、【add_image_size】を利用します。
こちらの関数を利用して、オリジナルサイズを定義すると、画像をアップロードするとWordPressがアイキャッチ画像を指定したサイズで生成してくれます。

アイキャッチ画像のオリジナルサイズの定義

まずは、下記コードをfunctions.phpに貼り付けます。
注意して欲しいのが、add_theme_support('post-thumbnails');が無いといけませんので必ず記載して下さい。

/*-------------------------------------------*/
/*アイキャッチ画像オリジナルサイズ定義
/*-------------------------------------------*/
//アイキャッチ画像の追加
add_theme_support('post-thumbnails');
//サイズの指定
add_image_size('custom-thumb-960', 940, 327, true);

<?php add_image_size( $name, $width, $height, $crop ); ?>のパラメーターは下記をご参考下さい。

$name オリジナルサイズの名前
$width 横幅の指定
$height 高さの指定
$crop 画像の切り抜きを行う場合は、true 行わない場合は、false

テーマ内での利用方法

上記で指定した、アイキャッチ画像のオリジナルサイズを利用する場合は、下記のように記載します。

<?php if(has_post_thumbnail()):?>
	<?php the_post_thumbnail('custom-thumb-960');?>
<?php else: ?>

こちらの記事をシェアする

こちらの記事があなたのお役にたちましたら、シェアしていただけますと大変嬉しく今後のブログ更新の糧となりますのでどうぞよろしくお願いします。(^^♪

About

Glow-Facotryでは、無料・有料のWPテーマを配布・販売サイトです。また、Web関連やWPの記事・日常的(ゲームも)なことをブログを利用して発信して行きたいと思っております。
よかったら下記のフォローをお気軽にお願いします。

関連記事

コメント

コメントをどうぞ

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

PREVIOUS hunterxhunter

HUNTER×HUNTER バトルオールスターズ 極限覚醒ミッション 外法xノx開放(上級)を攻略したパーティメンバー

NEXT large_2280526910

WordPressの記事内にショートコードとしてAdsenseの広告を配置方法