WordPress中的CSS背景图像

Question

在使用WordPress时，是否可以像通常在HTML中一样在CSS中获得背景图像。我试过这么做，但没用。

background-image: url("<?php bloginfo('template_directory'); ?>/images/parallax_image.jpg ");

Answer 1

如果图像文件夹在主题文件夹中，您可以使用：

background-image: url("/wp-content/themes/themeNameHere/images/parallax_image.jpg ");

Answer 2

在这个问题中，你不需要使用PHP，你的CSS文件已经在模板文件夹中，所以你可以像这样调用图像：

background-image: url("images/parallax_image.jpg");

所以您不需要知道模板路径就可以从主题调用图像。

Answer 3

PHP代码不能在. css文件中运行，但是您可以使用内联样式，例如：

<div style="background-image: url("<?php //url ?>");">

或

<style>
  .class-name {
    background-image: url("<?php //url ?>");
  }
</style>

在处理动态图像路径的自定义字段时，上述内容非常有用。

如果图像位于主题目录中，则不需要PHP，假设图像文件夹直接位于主题文件夹/theme name/images，样式表为/theme name/style.css，那么您只需将背景图像添加到css文件中，如下所示：

.class-name {
  background-image: url("images/file.jpg")
}