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

【问题标题】：How to load style.css root directory in WordPress page.php, single.php in contents如何在WordPress page.php中加载style.css根目录，在内容中加载single.php
【发布时间】：2016-10-10 11:46:21
【问题描述】：

我正在制作一个 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 样式表。样式.css

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

此代码未在前端加载。

【问题讨论】：

现在请帮帮我
HTML 代码必须用反引号括起来，否则不可见：`

标签： php css wordpress themes wordpress-theming

【解决方案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" />

【讨论】：

【解决方案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 文件位置作为参考点访问图像，例如

.类名{

背景图像：url（“../图像/文件名”）； //上一层，然后是images文件夹

background-image:url("../../images-directory-02/images/file-name"); //向上两层，然后是两个文件夹

}

【讨论】：