如何在WordPress page.php中加载style.css根目录，内容中包含single.php

我正在制作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="<?php echo get_template_directory_uri(); ?>/css/style.css" />

#2

创建主题时, 你的style.css必须与index.php位于同一文件夹中

在你的头部中使用以下样式加载样式：

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

如果你的样式表位于css文件夹中, 请使用以下命令加载它：

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

#3

另一种方法是使用css文件位置作为参考点访问图像, 例如

。班级名称{

background-image：url(” ../ images / file-name”); //上一层, 然后是图像文件夹

background-image：url(” ../../ images-directory-02 / images / file-name”); //向上两个级别, 然后进入两个文件夹

}