0

WordPressヘッダーのスタイルを設定した後、そのヘッダーが下位レベルのページのCSSスタイルを無視することに気付いたことがありますか？この厄介な問題をデバッグするのに本当にあなたの助けを使うことができます-事前にありがとう!!

私はここで友人のための簡単なポートフォリオサイトを作成しています：http ：//sundryspirit.com/

ホームページには、サイトのすべてのページに存在する必要があるページの上部にグローバルヘッダーがあります。

<div id="header">
    <div id="header-top">                   
        <div id="logo">
            <a href="<?php bloginfo('url'); ?>">
            <h1>Sundry &amp; Spirit</h1>                
            <h2>Burning Man Apparel</h2>
            </a>            
        </div>

        <div id="mainNav">
            <?php wp_nav_menu(); ?> 
        </div>
    </div>
</div>

そして、私は今のところ、style.cssファイルでこのヘッダーにいくつかの基本的なスタイルを投げました：

#header {
width: 100%;
height: auto;
background: #e1e1e1;
opacity: 0.75;
margin: 0 auto;
max-width: 960px;
}


#header-top {   
height: 50px;
margin: 10px;
position: relative;
padding: 10px;
text-align: center;
}

ここに厄介な問題があります：基本的なヘッダーのスタイルは、 http：//sundryspirit.com/gallery/のような他のページに引き継がれていません

ヘッダーがheader.phpファイルからのものである場合はどうすればよいでしょうか。あなたの助けに感謝します-ここでの私の経験不足は私を気が狂わせているだけです。

4

1 に答える 1

1

スタイルシートにリンクするために相対URLを使用しています。

<link rel="stylesheet" href="wp-content/themes/sundry/style.css" />

絶対URLに変更します。

<link rel="stylesheet" href="/wp-content/themes/sundry/style.css" />
                             ^

またはを使用しますget_stylesheet。

于 2012-08-19T21:22:17.877 に答える