Question

如何加载（排队？）我的自定义CSS，以便我的页面内容（通过Wordpress动态输入）具有我的页眉和页脚所具有的CSS？

我有一个带有以下内容的functions.php，但除了在HTML主题模板的顶部打印代码外，它没有做任何事情。

function custom_style() {
    if ( is_page_template( 'templates/home.php' ) ) {
        wp_enqueue_style( 'home', get_stylesheet_directory_uri() . '/styles.css' );
    }
}
add_action( 'wp_enqueue_scripts', 'custom_style' );

任何人都可以告诉我我需要做些什么才能让我的每个页面都有页眉和页脚的CSS？

Answer 1

如果发生这种情况，我会首先清除浏览器缓存 - 你试过这个吗？

您的functions.php文件在语法上看起来是正确的。如果您希望将样式应用于所有页面（或默认），则不需要：

if (is_page_template(...)

除非您的所有网页都使用home.php模板。

如果这是您主题的主要样式表，则应将其包含在根目录中，其标题为these required points。它可以是这样的引用：

function my_style(){
    wp_enqueue_style( 'style-name', get_stylesheet_directory_uri() );
}
add_action('wp_enqueue_scripts','my_style');

Answer 2

如果你想在标签之间包含一个css文件，那么最好的方法之一是在你的主题文件夹中创建一个css文件夹，将你的.css文件保存在那里，然后在你的functions.php文件中添加只有这一行代码：

wp_enqueue_style('handle', 'src', 'deps', 'ver', 'media');

其中：句柄：样式表的唯一名称， Src：样式表的完整路径， Deps：此文件的依赖项， Ver：版本号，媒体：将应用样式（屏幕，打印等）

以下是官方文档的链接： https://developer.wordpress.org/reference/functions/wp_enqueue_style/

如何在Wordpress主题中加载CSS样式表？

2 个答案: