WordPress：每个 <section> 的动态背景图片

Question

我正在创建一个包含 5 <section> 内容的页面，每个内容的高度为 720 像素。我想要 5 个不同的背景图像（即每个部分一个），以及通过 WordPress 管理更改给定部分的图像的能力。

我正在使用 CSS 为每个部分设置背景图片，例如：

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

我查看了无数的插件和示例，但还没有找到任何与我正在尝试做的有点相似的东西。我还详尽地阅读了 WordPress Codex，寻找我认为非常基本的要求的答案。

当我决定要更改给定部分时，有人可以为我指明正确的方向，告诉我如何模块化我的代码并为 upload/select 新背景图像创建一个小插件吗？

Answer 1

您可以内联添加图像，然后使用高级自定义字段或类似的东西通过管理添加图像，如下所示：

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

希望对您有所帮助！

WordPress: Dynamic background images for each <section>