关于我们页面上的WP入队样式

时间:2020-07-03 作者:Rejaur Rahman

关于函数。php我在主页上有以下内容:

function load_page_styles() {
    if (is_front_page()) {

        wp_register_style(\'home\', get_template_directory_uri() . \'/css/home.css\', array(), 1, \'all\');
        wp_enqueue_style(\'home\');

        wp_register_style(\'font-awesome\', get_template_directory_uri() . \'/css/font-awesome.css\', array(), 1, \'all\');
        wp_enqueue_style(\'font-awesome\');

    } else if (is_page( \'about\')) {

        wp_register_style(\'about\', get_template_directory_uri() . \'/css/about.css\', array(), 1, \'all\');
        wp_enqueue_style(\'about\');

    }
}

add_action( \'wp_enqueue_scripts\', \'load_page_styles\' );
在/wp-content/themes/root-restaurant中显示css文件,效果很好

<link rel="stylesheet" id="home-css" href="http://localhost:8000/wp-content/themes/roots-restaurant/css/home.css?ver=1" type="text/css" media="all">
但在“关于我们”页面上,它不起作用。它显示的路径如下所示,这是错误的,因为它针对的是wp admin文件夹:

<link rel="stylesheet" id="about-css" href="http://localhost:8000/wp-admin/css/about.min.css?ver=5.4.2" type="text/css" media="all">
关于我们的模板如下:

/wp内容/主题/根餐厅/模板关于。php

你能帮我做这个吗。

龙尼

3 个回复
最合适的回答,由SO网友:Max Yudin 整理而成

请勿使用“;关于;像handle 因为它似乎不是唯一的,并且被WordPress本身使用。我没有看到样式句柄列表的文档。无论如何,使用一些独特的东西,比如“rejaur about”:

<?php
function load_page_styles() {
    if ( is_front_page() ) {

        // enqueue front page styles

    } elseif ( is_page(\'about\') ) {

        wp_enqueue_style(
            \'rejaur-about\', // the problem was the handle
            get_template_directory_uri() . \'/css/about.css\',
            array(),
            1,
            \'all\'
        );

    }
}

add_action( \'wp_enqueue_scripts\', \'load_page_styles\' );
在这个特定的设置中,样式在排队之前不需要注册。

离题:小心else ifelseif.

SO网友:Ejaz UL Haq

将您的条件更新为is_page_template( \'about.php\' )有关详细信息,请访问WP官方文档https://developer.wordpress.org/reference/functions/is_page/
https://developer.wordpress.org/reference/functions/is_page_template/#comment-497

SO网友:Stoian Delev

它应该是有效的-例如:

1-索引页面视图

2-索引源

3-目标页面-无自定义模板

4-目标页面来源

5-功能。php

index page view

index sourse

target page - no custom template for it

target page sourse

functions.php

相关推荐

Div-Wrap with Functions.php in ChildTheme Using Shorcode!

我只想为一个简单样式的DIV包装器创建一个短代码。在WordPress的网站上,我想添加如下内容:[quotehead]Headline text[/quotehead] ...a normal blockquote from wordpress... 输出应为:<div class=\"block_header\">Headline text</div> 我的内部功能functions.php (在childtheme中)包含以下内容:/**