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

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

よくブログ等で記事一覧にサムネイル画像がついてることがありますが、
今回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

コーディング・WordPress化作業を代行します

WordPressのおすすめ参考書

楽天Kobo電子書籍ストア
¥3,278 (2024/06/12 18:43時点 | 楽天市場調べ)

TAGS

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