我刚刚设置了WordPress并尝试安装一个主题。一切都很好,但对于一个简单的问题。我知道如何在开始时使图像动态为图像以设置我的索引.php,如下所示:
<img src="<?php echo get_template_directory_uri(); ?>/img/logo.png" alt="" />
但是如何使CSS调用的图像动态
.portfolio {
background-attachment: fixed;
background-image: url("../img/o-BUSINESS-TECHNOLOGY-facebook.jpg");
}
我尝试了很多次,但都失败了。请提出一些想法。
您应该
注意,Wordpress有一种标准方法可以将<script>
s和<style>
s添加到Web文档的<head>
部分,该部分使用wp_enqueue_scripts
操作,但是关于您的问题,我将尝试提供所需的方法:
您可以将该特定 CSS 放在文档<head>
部分中的<style>
标签中,并使用:
.portfolio {
background-attachment: fixed;
background-image: url("<?php echo get_template_directory_uri(); ?>/img/o-BUSINESS-TECHNOLOGY-facebook.jpg");
}
更新
虽然这似乎有效并让您拥有所需的输出,但我强烈建议您不要使用它,因为您可以使用:
.portfolio {
background-attachment: fixed;
background-image: url("img/o-BUSINESS-TECHNOLOGY-facebook.jpg");
}
在您的style.css
文件中,仍然得到相同的结果。
我真的不知道你追求什么样的动态CSS,但是如果你真的希望它是动态的,并且你确定你在做什么,你有两种方法:
- 上述方法(在文档
<head>
部分中向<style>
标签添加样式(
使用PHP使您的样式表 - 文件动态化(您可以在此链接上获得教程,或Google动态样式表PHP(