趣味のPCソフト&ワードプレス・etc覚書

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

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

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

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

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

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

自分は、うっかり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に変更するとよさそうです。

20130412_1

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

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

合わせて読みたい記事:

No tags for this post.

コメントはまだありません。

コメントを残す

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

*

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

スポンサードリンク

feedlyで購読

follow us in feedly

アーカイブ