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

Question

我正在制作一个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> 

此代码未在前端加载。

Answer 1

请参阅this link

或

只要把你的样式表（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" /> 

Answer 2

当你创建一个主题，它必须是在同一文件夹作为的index.php

在你的头上

使用加载款式您的style.css：如果

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

Answer 3

另一种方式是访问图像使用CSS文件位置作为参考点，例如，

的.class名{

背景图像：URL（ “../图像/文件名”）; //上一级，然后图像文件夹

background-image：url（“../../ images-directory-02/images/file-name”）; //向上两级，然后在

两个文件夹}