Question

我遇到的问题是，我有一些代码定义了一个网站并定义了其组成样式表。我已经链接了样式表并为wordpress编写了一个函数，以使样式表入队，但是它似乎不想加载。当我尝试不使用

的样式时

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

它不适用任何样式，如果我包含它，开发人员工具会显示错误：

"Error : Resource interpreted as Stylesheet but transferred with MIME type text/javascript:"

有问题的main.php页面：

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>main</title>

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


<style type="text/css">
.header
{
background : #FFFFFF;
background : rgba(255, 255, 255, 1);
width : 100%;
height : 98pt;
}

.image
{
background-image : url(image.png);
position : relative ;
left : 52pt;
top : 133pt;
width : 19pt;
height : 20pt;
}


images {
width: 70%;
}
</style>

</head>
...

然后是功能文件：

<?php

function SetStyles() {

wp_enqueue_style('style',  get_stylesheet_uri() );

}

add_action('wp_enqueue_scripts', 'SetStyles');

最后，是styles.css的开头：

@charset "utf-8";
.images {
width: 59%;
display: block;
float: right;
font-size: 59.87pt;
font-family: "Mrs Eaves OT", "Mrs Eaves Small Caps OT";
font-variant: small-caps;
}

}
.links {
clear: right;
vertical-align: baseline;
width: 72%;
height: 25px;
float: right;
font-family: "Futura PT Light";
font-size: 25px;
word-spacing: 30px;
...

非常感谢有人帮助我，这让我发疯。编辑：我还应该补充一点，这些样式确实在我的DreamWeaver编辑器中似乎正确显示，只是它们在浏览器中消失了。

Answer 1

您使用的是wp_enqueue_scripts而不是wp_enqueue_style。因此，WordPress将您的资源包装成javascript哑剧类型。

请注意您的错误消息。质疑一切。

Answer 2

样式表 style.css或styles.css 的名称是什么？如果是 styles.css ，请在代码中更改以下行

wp_enqueue_style('styles',  get_stylesheet_uri() );

这将查找名为“ 样式”的样式表并加载它，并确保您的样式表位于主题的根目录中。

希望这会有所帮助。

无法在Wordpress中应用Styles.css

2 个答案: