WordPress中的CSS背景图像

php css wordpress wordpress-theming

2022-08-30 15:31:45

是否可以像使用WordPress时通常在HTML中那样在CSS中获取背景图像。我尝试过这样做，但它不起作用。

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

答案 1

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

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

或

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

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

如果图像位于主题目录中，则不需要PHP，假设图像文件夹位于主题文件夹的正下方，样式表是，那么您可以按如下方式将背景图像添加到css文件中：/theme-name/images/theme-name/style.css

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

答案 2

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

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

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