如何加载style.css的根目录在WordPress page.php, single.php的内容


How to load style.css root directory in WordPress page.php, single.php in contents

我正在制作一个WordPress主题。但我有个问题。Style.css样式表没有加载到page.php的内容中。当我在wp编辑器中编辑帖子并添加<div class=w3-red"> <button class="w3-btn w3-red">和更多相关代码时。当我发布了一篇文章,他们并没有显示在前端。我认为WordPress编辑器不支持页面样式自定义选项。我还在header.php中添加了我自己的style.css。

我使用w3.css样式表在我的web根目录。style.css

<div class="w3-card w3-red"> Hello </div>

请参考此链接

把你的样式表(style.css)放在目录wp-content'themes'[YOUR_THEME]'css'中。然后,您可以通过简单地将样式表链接到下面的代码(theme header.php文件)。

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

你的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">

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

.class-name {

背景图片:url(". ./图片/文件名");//再往上一层,然后是images文件夹

背景图片:url (. ./. ./images-directory-02/图片/文件名");//上两层,然后是

中的两个文件夹

}