大阪市西区　Wild Cards ワイルドカーズ

ブログを美しく見せる最も手っ取り早い手段がアイキャッチ画像だと思います。まさに、記事毎に表示されている ⇧⇧⇧ この上の画像ですね。

アイキャッチとは、その名の通りコンテンツの内容を端的なイメージで訴求するためのもの。記事への興味を持ってもらうために必須と言えますが、毎回フォトレタッチソフトで画像を整形するのはかなり面倒です。僕の場合はかつて更新が滞った一因にもなりました。

そこで！　アイキャッチ用にアップした画像を自動で切り抜いたりリサイズする方法をご紹介します。Auto Post Thumbnailなどのプラグインを利用したりテンプレートファイルに直接記述する方法を多く見掛けますが、僕個人のポリシーで可能な限りfunctions.phpからコントロールする方法を推奨しています。

functions.phpに以下のコードを追加

// アイキャッチ画像を使えるようにする
add_theme_support( 'post-thumbnails' );

// アイキャッチ画像の表示の仕方を指定（切り抜き）
set_post_thumbnail_size(520, 220, true );

// アイキャッチ画像の表示の仕方を指定（リサイズ）
set_post_thumbnail_size(520, 220 );

表示したいテンプレートファイルに以下のテンプレートタグを追加

<?php the_post_thumbnail();?>

<div class="post">
	<div class="cal"><?php echo get_post_time('M j, Y'); ?></div>
	<?php the_post_thumbnail(); ?>
	<div class="entry">
	<div class="title">
		<ul>
		<li class="cat"><?php the_category(', ') ?></li>
		<li class="tag"><?php the_tags('', ', '); ?></li>
		</ul>
		<h2 class="entry_title">
		<a href="<?php the_permalink() ?>" title="<?php the_title_attribute(); ?>">
		<?php the_title(); ?></a>
		</h2>
	</div>
	<span class="goog_qs-tidbit goog_qs-tidbit-0"><?php the_content('続きを読む'); ?>
	</div>
</div>

ついでにアイキャッチが無い場合の代替画像を指定

// アイキャッチ画像が無い場合の代替画像を指定
add_action( 'save_post', 'save_default_thumbnail' );
function save_default_thumbnail( $post_id ) {
	$post_thumbnail = get_post_meta( $post_id, $key = '_thumbnail_id', $single = true );
	if ( !wp_is_post_revision( $post_id ) ) {
		if ( empty( $post_thumbnail ) ) {
			update_post_meta( $post_id, $meta_key = '_thumbnail_id', $meta_value = '23' );
		}
	}
}

代替画像をカテゴリ別に設定する