wordpress ページ毎のヘッダ画像をアイキャッチで変更する方法 2011年3月3日
Tag: | | |


wordpress3.0から「アイキャッチ画像」という機能が追加されました。
アイキャッチ機能を使ってページ毎にヘッダ画像を変更する方法です。

1.アイキャッチ機能を有効にするには、functions.phpの一番上?phpの下に下記を追加します。

if ( function_exists( 'add_theme_support' ) ) {
  add_theme_support( 'post-thumbnails' );
  set_post_thumbnail_size( 780, 101, true ); // サムネイルのサイズ
}
上記の( 780, 101, true )は画像の幅が780px、縦が101という意味です。

2.header.phpの画像を表示したい場所に下記を追加

<?php
                    // Check if this is a post or page, if it has a thumbnail, and if it's a big one
                    if ( is_singular() &&
                            has_post_thumbnail( $post->ID ) &&
                            ( /* $src, $width, $height */ $image = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'post-thumbnail' ) ) &&
                            $image[1] >= HEADER_IMAGE_WIDTH ) :
                        // Houston, we have a new header image!
                        echo get_the_post_thumbnail( $post->ID, 'post-thumbnail' );
                    else : ?>
                        <img src="<?php header_image(); ?>" width="<?php echo HEADER_IMAGE_WIDTH; ?>" height="<?php echo HEADER_IMAGE_HEIGHT; ?>" alt="" />
                    <?php endif; ?>

3.後は、ページの編集ページの右端に「アイキャッチ画像を設定」ボタンが追加されているはずなのでそこで画像をupロードします。


関連記事

New

Aechive

Tag

css Facebook facebookカスタマイズ Facebookページ facebooRSS font functions.php google NEWマーク photoshop RSS SEO single.php webツール WEBデザインツール Wordpress アイコン アーカイブ エディタ カスタムタクソノミー カスタムフィールド カスタムフィールドテンプレート カスタム投稿 カテゴリー カレンダー クリップアート サイドバー ターム テキスト テンプレートタグ パターン ブラシ プラグイン ヘッダ ページ 並び替え 人気 便利 分岐 文法チェック 月別アーカイブ 特定カテゴリー 画像 記事