「かテリー毎にヘッダー画像を変更」することはできたのだけど?
-
かテリー毎にヘッダー画像をCSSで変更したいの続きですが、よろしくお願いいたします。
文章だけで説明するのも難しいので反則かもしれませんが、作成中のブログのURLを書かせていただきました。
これは、エビスコム著「WordPress レッスンブック」に記載のテーマを少しカスタマイズしたものです。「かテリー毎にヘッダー画像を変更する」ことができたにはできたのですが、2つの不具合が残っていますので、このことについてあらためてお尋ねします。
<ア: 画像の表示位置はどのように設定するとよいのでしょうか?>
実際の画面を見ていただきたいのですが、メニューの中でブログの本体は「ニュース」で「お知らせ」「活動報告」「行 事」がカテゴリーページで、残りのメニューは個別ページです。このとき、個別ページ以外の「ブログページ」のヘッダー画像がブログのタイトルと説明の文字に重なってしまうのを解決したい。
=CSSで位置調整?<イ:ブログの本体「ニュース」の画像がカテゴリーの個別ページ「活動報告」の画像となぜか同じになってしまいます。本体の画像も独自の画像「Wood.jpg」を表示させてたい。
=phpのif文の見直し?———–header.php———————–
「固定ページのヘッダー画像も指定しています。<!-- ヘッダー --> <div id="header"> <h1><a href="<?php echo home_url(); ?>"> <?php bloginfo('name'); ?></a></h1> <p id="desc"><?php bloginfo('description'); ?></p> <?php if(!(is_page('ホーム'))): ?> <?php if(is_page('アルバム')): ?> <p id="image"><img src="<?php bloginfo('template_url'); ?>/Flower2.jpg" alt="*" width="760" height="200" /></p> <?php elseif(is_page('役員選考')): ?> <p id="image"><img src="<?php bloginfo('template_url'); ?>/Flower1.jpg" alt="*" width="760" height="200" /></p> <?php elseif(is_page('地域のこと')): ?> <p id="image"><img src="<?php bloginfo('template_url'); ?>/Machi.JPG" alt="*" width="760" height="200" /></p> <?php elseif(is_page('リンク集')): ?> <p id="image"><img src="<?php bloginfo('template_url'); ?>/header.jpg" alt="*" width="760" height="200" /></p> <?php elseif(is_page('お問い合わせ')): ?> <p id="image"><img src="<?php bloginfo('template_url'); ?>/header.jpg" alt="*" width="760" height="200" /></p> <?php elseif(is_page('ブログ')): ?> <p id="image"><img src="<?php bloginfo('template_url'); ?>/Wood.jpg" alt="*" width="760" height="200" /></p> <?php else: ?> <?php if( is_month() ) : // 月別ページの場合 ?> <?php else : // それ以外の場合 $cat = get_the_category(); $cat = $cat[0]; ?> <div class="cat-<?php echo $cat->cat_ID; ?>"></div> <?php endif; ?> <?php endif; ?> <?php endif; ?> </div>
—————–style.css——————————————-
.cat-1 { background:url(Biei1.jpg) no-repeat; width: 760px; height: 200px; } .cat-6 { background:url(Biei2.jpg) no-repeat; width: 760px; height: 200px; } .cat-7 { background:url(Biei3.jpg) no-repeat; width: 760px; height: 200px; }
3件の返信を表示中 - 1 - 3件目 (全3件中)
3件の返信を表示中 - 1 - 3件目 (全3件中)
- トピック「「かテリー毎にヘッダー画像を変更」することはできたのだけど?」には新たに返信することはできません。