我正在制作WordPress主题。但是我有一个问题。 style.css样式表未加载在page.php内容中。当我在wp编辑器中编辑帖子并添加<
div class = w3-red”
>
<
button class =”
w3-btn w3-red”
>
和更多相关代码时, 当我发布帖子时, 它们不会显示在前面-最后, 我认为WordPress不支持wp编辑器中的页面样式自定义选项, 我还在header.php中添加了自己的style.css。
我在Web根目录中使用w3.css样式表。 style.css
<
div class="w3-card w3-red">
Hello <
/div>
此代码未在前端加载。
#1请参考此链接
or
只需将样式表(style.css)放在目录wp-content \ themes \ [YOUR_THEME] \ css \中即可。然后, 你可以通过简单地将下面的代码(主题header.php文件)链接样式表。
<
link rel="stylesheet" type="text/css" href="http://www.srcmini.com/<
?php echo get_template_directory_uri();
?>
/css/style.css" />
#2创建主题时, 你的style.css必须与index.php位于同一文件夹中
在你的头部中使用以下样式加载样式:
<
link rel="stylesheet" type="text/css" href="http://www.srcmini.com/<
?php echo get_stylesheet_directory_uri();
?>
/style.css">
如果你的样式表位于css文件夹中, 请使用以下命令加载它:
<
link rel="stylesheet" type="text/css" href="http://www.srcmini.com/<
?php echo get_template_directory_uri();
?>
/folder/name.css">
#3另一种方法是使用css文件位置作为参考点访问图像, 例如
【如何在WordPress page.php中加载style.css根目录,内容中包含single.php】。班级名称{
background-image:url(” ../ images / file-name” ); //上一层, 然后是图像文件夹
background-image:url(” ../../ images-directory-02 / images / file-name” ); //向上两个级别, 然后进入两个文件夹
}
推荐阅读
- 如何遍历自定义帖子类型并返回每个自定义分类法
- 如何在将HTML模板转换为wordpress主题时链接style.css文件
- 如何遍历WordPress中的菜单项()
- 如何将自定义wordpress页面模板保留在主题文件夹以外的其他文件夹中
- AIOps探索揭秘日志异常检测新方法
- 设计模式-- 建造者模式详解
- pm2 重启策略(restart strategies)
- 基于云开发的答题活动小程序v2.0-实现微信授权登录功能
- 部署YUM源仓库与NFS共享存储服务