twenty twelveをカスタマイズ中です。
http://kuulei90.com/
ページによってヘッダー画像を変えたいと思っています。（ランダムではなく）
手順としては、
まず、外観ーヘッダーで設定するヘッダー画像をヘッダーだけに表示させようと思います。
ググッたらこちらのサイトがドンピシャだったのですが、記事の説明にある
|
1 |
<div id="header-img">ヘッダー画像</div> |
が僕のheader.phpに見当たりません。どういうことでしょうか？
参考にしたサイト
http://presentnote.com/header_image-displayed-only-top_page/
教えて下さい。よろしくお願いします。
それができたら、固定ページの各編集画面に直接画像を設置しようと思います。
まだ、外観ーヘッダーで設定するヘッダー画像が残っている状態ですが、こんな感じ。
http://kuulei90.com/?page_id=20
/////////////////////////////////////////////////////////////////////////////////////////////
先生。早速の回答ありがとうございます。
理解しました。header.phpを以下の様に追加しました。
|
1 2 3 4 5 6 |
<?php if(is_front_page() ): ?><!--2013-04-09追加、これで囲むとヘッダー画像がTOPにだけ表示されます。--> <?php $header_image = get_header_image(); if ( ! empty( $header_image ) ) : ?> <a href="<?php echo esc_url( home_url( '/' ) ); ?>"><img src="<?php echo esc_url( $header_image ); ?>" class="header-image" width="<?php echo get_custom_header()->width; ?>" height="<?php echo get_custom_header()->height; ?>" alt="" /></a> <?php endif; ?> <?php endif; ?><!--2013-04-09追加のとじタグです。--> |
これで、解決しました。
次は各固定ページに、それぞれのページの内容に合った画像を挿入していきます。
この、先生のコメントに対するコメントは、普通に返信でやると、「crayon」が使えないので、ここに追加で書きましたが、
コメントを返信でやった方が、第三者が分りやすいと思うのですが、良い方法はありますか？
#header-img は、その文脈で説明の為に書かれているだけです。
もう少し読み進めると、Twenty Elevenの場合のヘッダー画像の説明がでてきます。
Twenty Twelveでは、また仕組みが違うかもしれません。
記事を読んだ人が、自分のWPのテーマに応じて、読み替えてください、ということです。
本文には「○○のコメントを受けて追記」という一文を入れて、追記する。
コメントには、「本文に追記しました」という旨の内容を残しておくと分かり易いですね。
先生
そうですね。今後そうしまーす。
ピンバック: ヘッダー画像をトップ画面以外は非表示にしましたよ