srcmini我的问题是我有一些代码定义了一个网站并定义了它的组成样式表。我已经链接了样式表并为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编辑器中似乎正确显示, 只是它们在浏览器中消失了。
#1
你正在使用wp_enqueue_scripts而不是wp_enqueue_style。因此, WordPress将你的资源包装为javascript mime类型。
请注意你的错误消息。质疑一切。
#2
你的样式表的名称是style.css还是styles.css？如果是styles.css, 请在代码中更改以下行
wp_enqueue_style('styles', get_stylesheet_uri() );
这将查找一个名为” styles”的样式表并加载它, 并确保你的样式表位于主题的根目录中。
希望这可以帮助。
评论前必须登录！
注册