WordPress的：每個動態背景圖像<section>

Question

我正在創建一個內容的頁面，每個內容高度爲720px。我希望有5個不同的背景圖像（即每個部分都有一個圖像），以及通過WordPress管理爲給定部分更改圖像的功能。

我使用CSS來設置每個部分的背景圖像，例如：

.section-1 { 
    position: relative; 
    background: url("images/section-1-bg.jpg") no-repeat; 
    background-size: cover; 
    height: 720px; 
} 

我已經看了無數的插件和示例，但還沒有找到任何遠程類似到什麼我試圖去做。我還詳細閱讀了WordPress Codex，尋找我認爲是非常基本要求的答案。

有人可以請指點我正確的方向如何模塊化我的代碼，並創建一個小插件上傳/選擇新的背景圖片，當我決定我想改變給定的部分？

Answer 1

您可以添加圖片內嵌，然後用先進的自定義字段或類似的東西通過管理來添加圖像，像這樣：

<section class="section-1" 
style="background-image:url('<?php the_field('field_name'); ?>');"> 
</section> 

希望它能幫助！