KH-WEBLOG TOP > WEBメモ > WordPress > 記事一覧にサムネイル画像をつける

記事一覧にサムネイル画像をつける

よくブログ等で記事一覧にサムネイル画像がついてることがありますが、
今回WordPressで記事にサムネイルをつける方法をメモ。

インターフェースの追加

まず、function.phpに下記コードを記述↓

//アイキャッチ画像を有効化
add_theme_support( 'post-thumbnails' );

これで記事投稿画面右下に
アイキャッチ画像
と表示されるようになり、ここからサムネイルの画像を設定すればOK。

もしサムネイル画像のサイズを指定しておくなら

//アイキャッチ画像の基本サイズ指定
set_post_thumbnail_size( 50, 50, true );//横幅px,高さpx,trueなら切り抜きモード(指定しなければデフォルトはリサイズモード)

を追加。
特にサイズは指定しなくてもCSSなどでサイズを指定すればOK。

テンプレートに記述

あとはサムネイルを表示したいテンプレートに
下記コードを追加

//サムネイルの表示
<?php the_post_thumbnail(); ?>

すればサムネイル画像が表示されます。

参考サイト

http://www.greenwich.co.jp/blog-archives/p/382

TAGS

.htaccess ActionScript All in one seo pack Contact Form 7 CSS CSS3 EC-CUBE Flash HTML HTML5 JavaScript jQuery LightBox PHP SEO WordPress アイキャッチ画像 アクセス解析 カテゴリー カラーミーショップ カート コメント ショートコード ソースコード タグ テンプレートタグ ドロップダウンメニュー パーマリンク ビジュアルエディタ フォーム フルスクリーン プラグイン ページテンプレート ページナビ ページ分割 マウスイベント リダイレクト リンク レンタルサーバー ロールオーバー 携帯サイト 条件分岐 正規表現 角丸 関連記事