Blog

HOME > Web > Wordpress > 【WordPress】アイキャッチ画像の表示とサイズ指定について

【WordPress】アイキャッチ画像の表示とサイズ指定について

2015/10/13

Wordpress

アイキャッチ画像のLightbox拡大について書いていましたが、
その前に基本的な表示方法とサイズ指定について備忘録として残します。

参考サイト
WordPressのアイキャッチのサイズ指定色々

アイキャッチ画像表示

<?php the_post_thumbnail('thumbnail'); ?>

('thumbnail')の箇所がサイズ指定になります。

設定→メディアでのサイズ

//小サイズ↓
<?php the_post_thumbnail('thumbnail'); ?>
//中サイズ↓
<?php the_post_thumbnail('medium'); ?>
//大サイズ↓
<?php the_post_thumbnail('large'); ?>

カスタムでサイズ指定をしたい場合は、function.phpに下記を追加します。

<?php add_theme_support('post-thumbnails');
//アイキャッチを有効にする
set_post_thumbnail_size(500,500);
//アイキャッチの基本サイズ設定
add_image_size('size1',200,200);
add_image_size('size2',100,100);
//size1とsize2のサイズを作る設定
?>

表示は

<?php echo get_the_post_thumbnail($post->ID, 'size1'); ?>
//サイズ1を表示
<?php echo get_the_post_thumbnail($post->ID, 'size2'); ?>
//サイズ2を表示

のようにします。

任意のサイズで指定したい場合は

the_post_thumbnail( array( 100, 100 ) );  // 他のサイズ

にします。



ゼヒトモ内でのプロフィール: ROCKSTREAM, ゼヒトモのホームページ作成・制作サービス, 仕事をお願いしたい依頼者と様々な「プロ」をつなぐサービス

カテゴリー

月間アーカイブ

«前の記事

一覧に戻る

次の記事»

最近の投稿

人気の記事

MORE

ミュージシャンズ・プラザ

神社仏閣ホームーページ制作

ホームページ制作問合せ