記事一覧にアイキャッチ画像をつける方法:WordPress

2014年12月16日


WordPressには、各投稿記事に「アイキャッチ画像」を登録する機能があります。

【STEP.1】function.phpの編集


まず最初に、使用しているテーマのfunction.phpに以下の記述があるかどうか確認しましょう。

Twenty Twelve等のデフォルトテーマならば(恐らく)最初から設定されていますが、 自作テーマの場合は自分で書かないといけないので必ず先に確認しておくこと。

	// This theme uses post thumbnails
	add_theme_support( 'post-thumbnails' );

【STEP.2】アイキャッチ付き一覧の表示


テーマファイル、または表示したい箇所に以下の記述を追加します。
今回はついでなのでカテゴリーも表示しています。

<?php query_posts('cat=4&showposts=5');
if (have_posts()) : while (have_posts()) : the_post(); ?>
<?php if (has_post_thumbnail()) : ?> //アイキャッチが登録されていたら以下の画像を表示する <?php the_post_thumbnail(array(50,50)); ?> <?php else : ?> //アイキャッチが登録されていなかった場合の代替画像 NoImage <?php endif; ?>
[<?php $cats = get_the_category(); foreach( $cats as $cat) { echo $cat->cat_name . ' '; } ?>]
 //カテゴリーの表示 <?php the_title(); ?>
<?php endwhile; endif; wp_reset_query(); ?>

実行すると次のようになります。



以上で対応完了となります。ご対応が難しい場合にはご相談いただけますようお願いいたします。

カテゴリー: WordPress, 対応事例   パーマリンク

コメントは受け付けていません。

Home >  対応事例 > WordPress > 記事一覧にアイキャッチ画像をつける方法:WordPress