コンテンツへスキップ

カテゴリページに、サムネイル画像を表示しました。
画像はアイキャッチで挿入します。
アイキャッチ画像がない場合は、代替えの画像を用意しておきます。
この記事には画像が挿入されていません。

<p class="thumb">
<?php if(has_post_thumbnail()): ?>
<?php the_post_thumbnail('thumbnail'); ?>
<?php else: ?>
<img src="<?php bloginfo('template_url'); ?>
/images/no_image.jpg" alt="No Image" width="150" height="150" />
<?php endif; ?>
</p>

画像の回り込みをスタイルシート(回り込み解除)で指定します。

アイキャッチ画像を使わない設定に変えました。
その場合には、最後の画像がサムネイルと表示されます。(スクリプト省略)

WordPressには記事ごとに1枚の画像を「アイキャッチ画像」として指定することができます。
アイキャッチ画像を有効にするために、functions.php に次のタグを入力しました。

add_theme_support('post-thumbnails');
set_post_thumbnail_size(550, 400, true);

上記のタグを追加すると、新規投稿(投稿一覧)で記事の編集画面を開くと、「アイキャッチ画像」という項目が追加されます。

「アイキャッチ画像を設定」をクリックし、「アイキャッチ画像として使用」をクリックすると、指定したサイズで自動で生成されます。
アイキャッチをタイトルの下に表示するために、タイトルと記事の間に、次のようなテンプレートタグを入力しました。
このページのタイトル下の画像はアイキャッチ画像です。

<!--アイキャッチ画像-->
<?php the_post_thumbnail(); ?>