【问题标题】:Applying two stylesheets for WordPress Theme为 WordPress 主题应用两个样式表
【发布时间】:2014-04-08 14:31:15
【问题描述】:

我想在我的 WordPress 主题中添加两个样式表。我想有一个样式表用于我的主页,另一个用于我的关于页面。这样做的原因是我想为这些页面的页眉和页脚应用不同的样式。

我在 function.php 中尝试了下面的代码,但它当然没有用。

wp_register_script ('add-about-css', get_stylesheet_directory_uri('about'). '/about.css' );

wp_enqueue_script('add-about-css');

add_action('wp_enqueue_scripts');

【问题讨论】:

    标签: wordpress-theming stylesheet specific-stylesheets


    【解决方案1】:

    首先get_stylesheet_directory_uri不接受任何参数。

    下一个

    <?php if (is_page('$your_page_name/id/slug')) { ?>
    <link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/about.css" type="text/css">
    <?php }; ?>
    

    链接到默认样式表后,将此代码放在标题中。这将用您的新样式覆盖默认样式(用于页眉、页脚或您定义的任何内容)。当您具有不同样式的相同标题时就是这种情况。

    或者,如果您有两个单独的标题,那么您可以使用

    <?php get_header('custom') ?>
    

    加载header-custom.php(如果找到,则加载默认header.php)和自定义样式可以放在style.css中,也可以单独包含

    add_action('wp_enqueue_scripts','my_function');
    function my_function(){
    wp_enqueue_style('my-custom-style', get_template_directory_uri() . '/my-custom-style.css');   
    }
    

    【讨论】:

    • 我有两个标题“header-about.php”和“header.php”。 Header.php 使用的是子主题 css styles.css,但我不希望 header-about.php 使用 styles.css,而是使用 about.css。我应该将上面的替代代码放在我的自定义 about.php 页面还是 function.php 中?如果我将脚本放在 function.php 中,about.css 样式是否会出现在 header.php 和 header-about.php 中?
    • 是的,如果您放置在 functions.php 中,它将覆盖两个标题的样式,而不是您需要将其放置在您正在加载自定义(关于)标题的模板中。你不需要在函数中编写它或添加动作,你可以使用上面代码的最后一行直接将你的样式排入队列。
    猜你喜欢
    • 2012-01-10
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-07-13
    • 2016-03-04
    • 2014-10-13
    • 2013-12-03
    相关资源
    最近更新 更多