Wordpress中的动态CSS背景图像

jis*_*han 5 css php wordpress

我刚刚设置了WordPress并尝试安装主题.一切都很好,但对于一个简单的问题.我知道如何在开始时将图像设置为动态图像来设置我的index.php,如下所示:

<img src="<?php echo get_template_directory_uri(); ?>/img/logo.png" alt="" />
Run Code Online (Sandbox Code Playgroud)

但是如何制作一个由css调用的动态图像

.portfolio {
background-attachment: fixed;
background-image: url("../img/o-BUSINESS-TECHNOLOGY-facebook.jpg");
}
Run Code Online (Sandbox Code Playgroud)

我已经尝试了很多次但是失败了.请提出一些想法.

Pmp*_*mpr 5

您应该注意到Wordpress有一种标准方法可以将<script>s和<style>s 添加到<head>Web文档的部分,即使用wp_enqueue_scripts操作,但关于您的问题,我将尝试提供所需的方法:

您可以将特定的CSS放在<style>文档<head>部分的标签中并使用:

.portfolio {
background-attachment: fixed;
background-image: url("<?php echo get_template_directory_uri(); ?>/img/o-BUSINESS-TECHNOLOGY-facebook.jpg");
}
Run Code Online (Sandbox Code Playgroud)

UPDATE

虽然,这似乎工作,并让你有所需的输出,我强烈建议你不要使用它,因为你可以使用:

.portfolio {
    background-attachment: fixed;
    background-image: url("img/o-BUSINESS-TECHNOLOGY-facebook.jpg");
}
Run Code Online (Sandbox Code Playgroud)

在您的style.css文件中仍然得到相同的结果.

我真的不知道什么样的动态 CSS,你是不是,但如果你真的希望它是动态的,你确定你在做什么,你有两种方法:

  1. 上面的方法(<style><head>文档部分添加样式到标签)
  2. 使用PHP(你可以在这个链接上获得教程,或谷歌动态样式表php)使你的样式表文件动态化

  • 很公平.至少*在你的问题中评论*这不是WordPress方式,并展示它的外观示例.我们正试图建立一个*权威的问答网站*,这只是答案的一半. (2认同)