我尝试用 WordPress 制作一个网站并使用下划线 - 主题。 我在 /css/custom-css.css 下创建了一个自定义 CSS 文件来设置网站大部分内容的样式。 如果我通过 funciton.php 加载 CSS，就会发生这种情况。 如果我在 Firefox 上的“样式编辑器”选项卡下检查该网站，我会使用长而奇怪的 HTML 代码来修改我的 css。
第三行是我的 function.php 代码，我将其添加到现有的 UnderscoreS - 加载样式和脚本的代码中：
function hirsch_scripts() {
wp_enqueue_style( 'hirsch-style', get_stylesheet_uri(), array(), _S_VERSION );
wp_enqueue_style( 'custom-css-style', get_stylesheet_uri() . '/css/custom-css.css', array(), null, 'all');
wp_style_add_data( 'hirsch-style', 'rtl', 'replace' );
wp_enqueue_script( 'hirsch-navigation', get_template_directory_uri() . '/js/navigation.js', array(), _S_VERSION, true );
if ( is_singular() && comments_open() && get_option( 'thread_comments' ) ) {
wp_enqueue_script( 'comment-reply' );
}
}
add_action( 'wp_enqueue_scripts', 'hirsch_scripts' );
我的custom.css中的测试代码：
#home-title {
background-color: blue !important;
color: red;
}
检查器中样式编辑器选项卡中显示的屏幕截图和 HTML 代码的开头（很长）：
<!doctype html>
<html lang="de-CH">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="profile" href="https://gmpg.org/xfn/11">
<LINK href="./css/custom-css.css" rel="stylesheet" type="text/css">
我尝试通过几种不同的方式加载它。我不确定 CSS 是否根本没有加载，或者 UnderscoreS - 主题是否尝试将其转换为 HTML（检查器会指示）。但我不习惯样式编辑器选项卡，所以也许我误解了这一点。
非常感谢您的帮助。
更新： 我想我明白了。 “get_stylesheet_uri()”似乎直接指向.../style.css。我必须使用“get_template_directory_uri()”。
我想通了。 实际上“get_stylesheet_uri()”加载./style.css，因此路径指向该文件。我需要进入更高的层次结构或简单地使用“get_template_directory_uri()”。
据我了解，如果有人制作儿童主题，这可能是一个问题，但对我来说它工作得很好:)。