Wordpress 中的动态 CSS 背景图像


Dynamic CSS background image in Wordpress

我刚刚设置了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,但是如果你真的希望它是动态的,并且你确定你在做什么,你有两种方法:

  1. 上述方法(在文档<head>部分中向<style>标签添加样式(
  2. 使用PHP使您的样式表
  3. 文件动态化(您可以在此链接上获得教程,或Google动态样式表PHP(