如何在Wordpress中添加图像URL路径

问题描述

我已经创建了一个前端页面。请让我知道如何为wordpress添加URL以及如何为背景图像添加CSS？

我的图片html元素

1. <img src="./img/Hbook.jpg" class="img-responsive">

2. 背景图像选择器

.firstSection{
    background-image: url("../img/car.png"); 
        margin-top:0px; 
        background-size:cover;
        background-position:50%;
        background-repeat:no-repeat;
        height:800px; 
        display: table; 
        width: 100%;
        
        -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      top: 0;
      left: 0;
    
    }

解决方法

您可以在php文件中使用background-image属性inline-css设置wordpress图片网址。您可以执行以下代码。

<?php $image = 'pathto/image'; ?>

<section class="firstSection" style="background-image: url(<?php echo $image; ?>);">
    <img src="./img/Hbook.jpg" class="img-responsive">
</section>