アイキャッチ画像を使用する


WordPressのバージョン3.0に「アイキャッチ画像」という機能。
記事毎にサムネイル画像を付けたい、といった場合に使われることが多いかと思います。
使用しているテーマによっては標準で備わっていない場合もあるので、
その場合はまずfunctions.phpの修正が必要です。

functions.phpに記述

<?php add_theme_support('post-thumbnails'); ?>

出力したい場所に以下コードを記述します。

<?php the_post_thumbnail(); ?>

画像の大きさを指定したい場合はfunctions.phpに以下コードのように記述します。

横200px、縦120pxに縮小し切り抜く

<?php
add_theme_support( 'post-thumbnails' );
set_post_thumbnail_size( 200, 120, true );
?>

横200px、縦200pxにリサイズする

<?php
add_theme_support( 'post-thumbnails' );
set_post_thumbnail_size( 200, 200 );
?>

the_post_thumbnail関数を使用し、

<?php the_post_thumbnail( array(100,100) ); ?>

上記コードのようにも指定できます。
ただしarray(100,50)のように指定しても、横100px 縦50pxの画像は出力されず、
小さい数字の方(この場合は50px)に合わせた正方形の形で出力されるので、その点は注意が必要です。
また、

<?php the_post_thumbnail('thumbnail'); ?>

上記コードのようにキーワード(thumbnail, medium, large, full)でも指定できます。

テンプレートタグ/the post thumbnail

タグ: ,

記事公開日:
最終更新日:

“アイキャッチ画像を使用する” への3件のフィードバック

  1. […] アイキャッチ画像を使用する | WP MEMO […]

WordPressの記事一覧にアイキャッチを表示させてみた(+αで個別記事にも)|ThePresentNote へ返信する コメントをキャンセル

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)