如何在wordpress中为客户端制作“background：url（”“）（CSS）可自定义的图像

Question

I have this in my style.css

.showcase{

   background: url("x.jpg") no-repeat 0;

}

I have the website on wordpress. And i have advanced custom fields so that the client can change text on the website. But I can't seem to figure out how to do it for this CSS backround image.

The "additional CSS" part in WordPress doesn't work as it wants my style.css to be placed above bootstrap in index.php which causes a mess in itself. And it is also unfriendly towards non-developers, which is the part I cannot go forward with.

Please keep in mind that I have no experience using WordPress and am only converting a html static website to a WordPress one with some customisation enabled for the client. All of it is done except the images.

Answer 1

upload the image in the gallery, get the absolute URL of the image

.backgroundImage {
  height:500px;
  background-image: url("https://c1.staticflickr.com/9/8294/7597202086_aa54c17b83_b.jpg");
}

<div class="backgroundImage">Background Image</div>

</div>