Question

我有一个看似非常基本的问题 - 我的Wordpress网站似乎并没有认出样式表。我已经开发了自己的第一个WP主题，它在我的本地系统上运行良好。我已将其上传到免费主机以进行实时测试，但它看起来并不像样式表被识别。网站是http://k1demo.byethost6.com，在style.css中，我从我的css文件夹导入了样式表，该文件夹是从LESS文件编译的。这是我的style.css文件中的代码：

@import url("/css/styles.css");

在我的header.php中，样式表从头部开始调用：

<link rel="stylesheet" type="text/css" href="style.css" />

我错过了什么？

Answer 1

真是一团糟。目前在您的代码中正在加载：

http://k1demo.byethost6.com/style.css

它并不存在。你需要加载：

http://k1demo.byethost6.com/wp-content/themes/K1/style.css

从那时起@import url("/css/styles.css");查看[root] / css /，它会导致：

http://k1demo.byethost6.com/css/styles.css

它也不存在。

Answer 2

看起来你的语法有些混乱......

<link rel="stylesheet" href="type="text/css" href="style.css" />

应该是

<link rel="stylesheet" type="text/css" href="/css/style.css" />

Answer 3

问题是，您正在尝试访问主题文件夹的根目录，而实际上您正在访问您网站的根目录。

如果您想直接在header.php中将样式表排入队列，请在href=""中执行以下操作以定位主题文件夹中的任何文件：

<link rel="stylesheet" type="text/css" href="<?php echo get_template_directory_uri(); ?>/style.css" />

但我强烈建议您让WordPress处理您的functions.php中的脚本和样式表的入队。

function enqueue_styles() {
wp_enqueue_style( 'THEMENAME_style_css', get_template_directory_uri() . '/style.css', array(), '0.0.1' );
}
add_action( 'wp_enqueue_scripts', 'enqueue_styles' );

请参阅wp_enqueue_style的文档：
https://developer.wordpress.org/reference/functions/wp_enqueue_style/

注意：如果您希望主题支持子主题，则可以使用get_stylesheet_directory_uri();代替。此函数将首先查看子主题文件夹，如果它找不到该文件，它将在父主题文件夹中查找。

Answer 4

在更改css现在正在运行之后，文件路径需要区分大小写。非常基本的错误......

网站无法识别样式表

4 个答案: