ワードプレスのアイキャッチ画像を使用する設定方法

ワードプレスのアイキャッチ画像を使用する設定方法

WordPressのデフォルトテーマ「TwentyEleven」には、
最初からアイキャッチ画像を表示させるコードが記述されていますので
今回は必要なかったのですが、そうでないテーマの場合以下のコードを
function.phpに記述する必要があります。

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

これでアイキャッチ画像機能を使用できるようになります。

注意　既にfunction.phpにコードが記述されている場合は
　　　　記述しないこと2重記述するとサイトがハングアップします。

自分は、うっかり２重記述してしまい見事にハングアップ　orz…

記事の投稿で右側にアイキャッチ画像の項目があれば記述の必要はないです。

アイキャッチ画像の設定をクリックすると画像の選択ができます。

投稿記事にアイキャッチ画像を設定しただけではページに出力されません。

アイキャッチ画像を投稿記事内に表示させるためには、表示させたい場所に以下のコードを記述します。

このテンプレートタグにパラメータを指定することでアイキャッチ画像の大きさを変更できるようです。このサイトはthe_post_thumbnail( array(150,150,false) )に設定しました。

the_post_thumbnail('thumbnail’); //「サムネイル」サイズ
the_post_thumbnail('medium’);//「中」サイズ
the_post_thumbnail('large’);//「大」サイズ
the_post_thumbnail( array(100,100,false) ); //任意のサイズ

実寸のまま画像を指定サイズに切り抜きたい場合はfalseをtrueに変更するとよさそうです。

TwentyEleven　の場合はヘッダー画像にアイキャッチを表示させるためには、テーマTwentyElvenでのアイキャッチ画像設定の通り、画像は横幅1000px以上、縦幅288px以上必要です。その場合、記事には指定されたサイズでアイキャッチ画像が表示されます。

記事のみのアイキャッチの場合は画像サイズは関係ないようです。