WordPress中的CSS背景图片

Question

在使用WordPress时,是否可以像在CSS中一样使用CSS获取背景图像.我试过这样做,但它不起作用.

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

Answer 1

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")
}

Answer 2

您无需在此问题中使用PHP，您的CSS文件已经在template文件夹中，因此您可以像这样调用图像：

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

因此，您无需知道模板路径即可从主题中调用图像。

Answer 3

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

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