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

时间:2016-10-10 11:46:22

标签: php css wordpress themes wordpress-theming

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

此代码未在前端加载。

3 个答案:

答案 0 :(得分:0)

请参阅this link

只需将样式表(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" />

答案 1 :(得分:0)

创建主题时你的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">

答案 2 :(得分:0)

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

的.class名{

背景图像:网址(&#34; ../图像/文件名&#34); //一级,然后是图像文件夹

背景图像:网址(&#34; ../../图像目录-02 /图像/文件名&#34); //两个级别,然后是

中的两个文件夹

}