WordPress アイキャッチ機能を有効化する方法と一覧での画像挿入

このエントリーをはてなブックマークに追加

このブログを導入してから デザイン をちょっとずつちょっとずつ進めていて、ようやくアイキャッチ機能を試してみることにした。

Function Reference/add theme support « WordPress Codex

アイキャッチ機能の有効化

まずはアイキャッチ機能の有効化から。functions.php にアイキャッチ画像を使うためのコードを入れる。尚、今回は投稿もページも全部で使えるようにしておこうと思うため、シンプルに機能の有効化のみ。

functions.php

add_theme_support( 'post-thumbnails' );

これを入れるだけで、投稿画面の右下にアイキャッチ画像の登録ブロックが出現する。

アイキャッチ画像登録箇所

アイキャッチ画像の挿入

あとは登録したアイキャッチ画像を表示する箇所に、表示用のコードを入れるだけである。 今回は一覧ページにサムネイルととして表示するだけの利用を予定しているため、一覧のwhile内に下記コードを挿入した。

functions.php

<p class="thumbnail-wrap">
  <?php the_post_thumbnail(); ?>
</p>

これでここのブログのトップページのインデックスで登録したアイキャッチ画像が表示されるようになった。