Question

所以，在我完全脱掉头发之前，我想我会从小组那里得到一些帮助。我目前在wordpress中有一个网站，每个页面都需要有自己的css样式，因为没有一个页面具有相同的样式。我是如何在世界的哪个地方调用特定页面来仅加载来自为该页面设计的特定css文件的样式？我想我应该补充说，所有10个页面都只使用头文件和get_header，其他所有内容都以非常不同的方式进行样式设置，似乎根本不想使用style.css覆盖它或其他东西。

感谢您的帮助。随着它的出现，我已经因为这个问题而陷入愚蠢的困境。不睡觉，但每晚几个小时是在网站上工作的不好时间。我终于搞清楚了。一切都是因为你的帮助。

再次感谢大家分享你的知识...... :)

Answer 1

使用if is_page

在你的header.php中

你的样式是：

<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>"/>
<?php if(is_page( 'YOUR_PAGE' )){
    echo '<link rel="stylesheet" href="YOUR_OTHER_CSS_LOCATION"/>'; 
}

等。为每个页面执行 YOUR_PAGE 应该是您的页面slug

在你的情况下：

<?php if(is_page( 'methodology' )){
        echo '<link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/css/method.css"/>'; 
    }

Answer 2

您应该通过wordpress的wp_enqueue_scripts操作添加样式表文件，在那里您可以轻松地为每个页面分隔样式表文件。使用wp_enqueue_style()函数添加样式表文件，并使用is_page_template检测要包含它的页面。我这里有一个样本

<?php 

    add_action( 'wp_enqueue_scripts', 'rb_enqueue_scripts');
    function rb_enqueue_scripts() {
        if( is_page_template('about.php') ) { //check your page
            wp_enqueue_style( 'custom-about-style', 'http://link-to-your-style-file.css' );
        }

    }
?>

如果您有每个页面的特殊ID，则可以is_page_template替换is_page($page_id)。

希望这有帮助！：）

Answer 3

在header.php文件中尝试此操作

<?php 
if(is_page( 'PAGE NAME' ))
{
   echo '<link type="text/css" rel="stylesheet" href="<?php bloginfo('template_url'); ?>/css/css-file-name"/>'; 
}
?>

在wordpress中使用超过1个css样式

3 个答案: