php - WordPress:每个 <section> 的动态背景图片

标签 php html css wordpress content-management-system

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

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

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

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

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

最佳答案

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

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

希望对您有所帮助!

关于php - WordPress:每个 <section> 的动态背景图片,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33511610/

相关文章:

PHP 与 neo4j 的连接 "cURL error 7"

javascript - Bootstrap + JQuery : How break lines of spans in div dynamically created by append

css - 如何使用 css 透视将元素定位在正确的 3d 位置

HTML/CSS - 无序列表的每个 "level"的标题

php - 如何将非子 div 附加到另一个 div 的底部

php - 当ajax调用被取消时,如何取消PHP进程?

html - 溢出-y 滚动,子溢出

ios - Wordpress 嵌入式 twitter,instagram 在手机 iphone 上不可滚动

javascript - 无法在 ajax 中进行检查

html - 用户代理应该如何处理无法识别的 HTML 元素?