html - Wordpress 样式不会转移到其他页面——为什么？

Question

您是否曾经设计过 wordpress header 的样式，然后发现该 header 忽略了您在较低级别页面上的 CSS 样式？真的可以使用您的帮助来调试这个烦人的问题 - 谢谢提前!!

我正在为这里的 friend 创建一个简单的投资组合网站: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 添加了一些基本样式:

#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 文件，那怎么可能呢？!感谢您的帮助——我在这里的经验不足让我抓狂。

Answer 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 .