如何在 wordpress 中添加图像 URL 路径答案

【问题标题】：How to add an image URL Path in wordpress如何在 wordpress 中添加图像 URL 路径
【发布时间】：2020-12-24 07:59:27
【问题描述】：

我创建了一个前端页面。请告诉我如何为 WordPress 添加 URL 以及如何为背景图片添加 CSS？

我的图片html元素

<img src="./img/Hbook.jpg" class="img-responsive">
背景图片选择器

.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;
    
    }

【问题讨论】：

标签： html wordpress wordpress-theming custom-wordpress-pages

【解决方案1】：

您可以使用 php 文件中的 background-image 属性 inline-css 来设置 wordpress 图片 url。你可以做这样的代码。

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

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

【讨论】：