Title: Responsive Divi Backgrounds Author: emandiev Published: 2018 年 12 月 15 日 Last modified: 2019 年 12 月 15 日 --- 搜索插件 ![](https://ps.w.org/responsive-divi-backgrounds/assets/banner-772x250.png?rev=1995357) **该插件尚未通过WordPress的最新3个主要版本进行测试**。 当与较新版本的WordPress一起 使用时，可能不再受到维护或支持，并且可能会存在兼容性问题。 ![](https://ps.w.org/responsive-divi-backgrounds/assets/icon-256x256.png?rev=1995359) # Responsive Divi Backgrounds 作者：[emandiev](https://profiles.wordpress.org/emandiev/) [下载](https://downloads.wordpress.org/plugin/responsive-divi-backgrounds.1.0.2.zip) * [详情](https://cn.wordpress.org/plugins/responsive-divi-backgrounds/#description) * [评价](https://cn.wordpress.org/plugins/responsive-divi-backgrounds/#reviews) * [安装](https://cn.wordpress.org/plugins/responsive-divi-backgrounds/#installation) * [开发进展](https://cn.wordpress.org/plugins/responsive-divi-backgrounds/#developers) [支持](https://wordpress.org/support/plugin/responsive-divi-backgrounds/) ## 描述 “Responsive Divi Backgrounds” will allow you to optimize your website’s image delivery. This plugin works only with the [Divi Builder](https://www.elegantthemes.com/plugins/divi-builder/), usually part of the Divi Theme. No configuration required. ## 安装 1. Visit **Plugins > Add New** 2. Search for “**Responsive Divi Backgrounds**“ 3. Download and Activate the plugin. ## 常见问题 What are the requirements? The Divi Builder by Elegant Themes. What are responsive backgrounds and why should I care? When you upload any image into your website, WordPress automatically creates several smaller variants of your image. If you display the image in a tag, the visitor will load a size that’s appropriate to their device. This is a great way to speed-up your website and save bandwidth. However, WordPress doesn’t handle background images in this way. By default, the Divi Builder will always show full-sized background images. This isn’t great because mobile users will have to download an unnecessary big file. Especially for sliders, you would probably upload an image with size of atleast 1920x1080px to make it look good on big displays. But what if your visitor is using a 320x640px phone? They don’t need the big image, right? This is where the “Responsive Divi Backgrounds” plugin comes in handy. The plugin prints CSS in the footer on pages that have slides or sections with background images. The CSS basically tells the browser to display small-sized images on small devices, medium-sized images on bigger devices and so on. Still don’t think you need this? Just run a Google PageSpeed Insights test and you will see the “Properly size images” opportunity lowering your score. What about browser support? All browsers are supported (back to Internet Explorer 9). The plugin will simply print some [CSS media queries](https://caniuse.com/#feat=css-mediaqueries) in the footer. Will this plugin affect the performance in a bad way? The plugin should not cause any noticeable slowdown. It’s designed to help improve your website’s performance. The plugin won’t load any additional files. Instead, it simply prints CSS inline in the footer. The plugin checks the current page’s content and if there is a slider or a section with a background image, then the CSS gets printed. All other posts/pages won’t be affected to maximize performance. Any other recommendations for my Divi website? Yes! Try out my lazy loading plugins to further improve your performance and PageSpeed Insights score. [Lazy Load Divi Slider Backgrounds](https://wordpress.org/plugins/lazy-load-divi-slider-backgrounds/) [Lazy Load Divi Section Backgrounds](https://wordpress.org/plugins/lazy-load-divi-section-backgrounds/) ## 评价 此插件暂无评价。 ## 贡献者及开发者 「Responsive Divi Backgrounds」是开源软件。 以下人员对此插件做出了贡献。 贡献者 * [ emandiev ](https://profiles.wordpress.org/emandiev/) [帮助将「Responsive Divi Backgrounds」翻译成简体中文。](https://translate.wordpress.org/projects/wp-plugins/responsive-divi-backgrounds) ### 对开发感兴趣吗? 您可以[浏览代码](https://plugins.trac.wordpress.org/browser/responsive-divi-backgrounds/)， 查看[SVN仓库](https://plugins.svn.wordpress.org/responsive-divi-backgrounds/)，或 通过[RSS](https://plugins.trac.wordpress.org/log/responsive-divi-backgrounds/?limit=100&mode=stop_on_copy&format=rss) 订阅[开发日志](https://plugins.trac.wordpress.org/log/responsive-divi-backgrounds/)。 ## 更新日志 #### 1.0.0 Release date: 15/12/2018 – Initial release #### 1.0.1 Release date: 14/01/2019 – Small fix to stop the “Undefined index” PHP Notice #### 1.0.2 Release date: 13/09/2019 – Fix PHP Notice in admin dashboard. Main plugin logic will now load only on front-end. – SVG images will now be skipped instead of causing errors. – Improve code readability. ## 额外信息 * 版本 **1.0.2** * 最后更新：**7 年前** * 活跃安装数量 **80+** * WordPress 版本 ** 4.1 或更高版本 ** * 已测试的最高版本为 **5.3.26** * PHP 版本 ** 5.0 或更高版本 ** * 语言 * [English (US)](https://wordpress.org/plugins/responsive-divi-backgrounds/) * 标签 * [divi](https://cn.wordpress.org/plugins/tags/divi/)[Divi Optimization](https://cn.wordpress.org/plugins/tags/divi-optimization/) [divi theme](https://cn.wordpress.org/plugins/tags/divi-theme/)[responsive images](https://cn.wordpress.org/plugins/tags/responsive-images/) * [高级视图](https://cn.wordpress.org/plugins/responsive-divi-backgrounds/advanced/) ## 评级 尚未提交反馈。 [您的评价](https://wordpress.org/support/plugin/responsive-divi-backgrounds/reviews/#new-post) [查看全部评论](https://wordpress.org/support/plugin/responsive-divi-backgrounds/reviews/) ## 贡献者 * [ emandiev ](https://profiles.wordpress.org/emandiev/) ## 支持 有话要说吗？是否需要帮助？ [查看支持论坛](https://wordpress.org/support/plugin/responsive-divi-backgrounds/)