我遇到的问题是我有一些代码定义了一个网站并定义了它的组成样式表。我已经链接了样式表并且有一个用于写入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编辑器中正确显示,只有在浏览器中它们消失了。
你使用的是wp_enqueue_scripts
而不是wp_enqueue_style
。因此,WordPress将您的资源包装成javascript
mime类型。
注意你的错误信息。质疑一切。
样式表style.css或styles.css的名称是什么?如果是styles.css,请在代码中更改以下行
wp_enqueue_style('styles', get_stylesheet_uri() );
这将查找名为“styles”的样式表并加载它,同时确保样式表位于主题的根目录中。
希望这可以帮助。