Blog

HOME > Web > Wordpress > 【WordPress】アイキャッチ画像を表示する方法

【WordPress】アイキャッチ画像を表示する方法

2015/06/12

Wordpress

備忘録です。

アイキャッチ画像を表示する方法です。

functions.phpに記述

//投稿、固定ページ両方に表示
add_theme_support('post-thumbnails');

//投稿ページのみ表示
add_theme_support('post-thumbnails',array('post'));

//固定ページのみ表示
add_theme_support('post-thumbnails',array('page'));
通常は両方表示でいいと思います。

single.php、category.phpなどのテンプレートに記述

<?php the_post_thumbnail();?>

/*サイズを指定する場合*/
<?php the_post_thumbnail('full');?>
<?php the_post_thumbnail('large');?>
<?php the_post_thumbnail('medium');?>
<?php the_post_thumbnail('thumbnail');?>

/* functionsで追加したサイズ */
<?php the_post_thumbnail('custom_size');?>

/*サイズを数値で指定*/
<?php the_post_thumbnail(array(100,100));?>

/*アイキャッチの有無で条件指定*/
<?php if(has_post_thumbnail()):?>
    //アイキャッチ有
    <?php the_post_thumbnail('full');?>
<?php else:?>
    //アイキャッチ無
    ここに表示したい画像などを記述
<?php endif;?>

カスタムサイズを指定する場合にはfunctions.phpに記述

<?php add_image_size('custom_size',640,480);?>

カテゴリー

月間アーカイブ

«前の記事

一覧に戻る

次の記事»

最近の投稿

人気の記事

MORE

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

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

ホームページ制作問合せ