Question

我刚刚设置WordPress并尝试安装主题。一切都很好，但对于一个简单的问题。我知道如何在开始时将图像设置为动态图像来设置我的index.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");
}

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

Answer 1

您应该注意，Wordpress有一种标准方法可以将<script>和<style>添加到您的网络文档的<head>部分，该部分正在使用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");
}

更新

虽然这似乎有用并且让你有所需的输出，但我强烈建议你不要使用它，因为你可以使用：

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

在您的style.css文件中，但仍会得到相同的结果。

我真的不知道你选择了什么样的动态 CSS，但如果你真的希望它是动态的，你确定你在做什么，你有两种方法： / p>

上述方法（在文档的<style>部分为<head>标记添加样式）
使用PHP（您可以在this链接上获取教程，或使用google获取动态样式表php ）使您的样式表文件动态化

Wordpress中动态CSS背景图片

1 个答案:

更新