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

Posted 2021-04-07

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

此代码未加载到前端。

答案

请参考this link

要么

只需将样式表（style.css）放在wp-content hemes[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文件位置作为参考点来访问图像，例如，

。班级名称{

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

背景图像：URL（ “../../图像目录-02 /图像/文件名”）; //两个级别，然后是两个文件夹

}