Title: Responsive Divi Backgrounds
Author: emandiev
Published: <strong>2018年12月15日</strong>
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://ja.wordpress.org/plugins/responsive-divi-backgrounds/#description)
 * [レビュー](https://ja.wordpress.org/plugins/responsive-divi-backgrounds/#reviews)
 *  [インストール](https://ja.wordpress.org/plugins/responsive-divi-backgrounds/#installation)
 * [開発](https://ja.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.

## FAQ

  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/)
をチェックするか、[開発ログ](https://plugins.trac.wordpress.org/log/responsive-divi-backgrounds/)
を [RSS](https://plugins.trac.wordpress.org/log/responsive-divi-backgrounds/?limit=100&mode=stop_on_copy&format=rss)
で購読してみてください。

## 変更履歴

#### 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://ja.wordpress.org/plugins/tags/divi/)[Divi Optimization](https://ja.wordpress.org/plugins/tags/divi-optimization/)
   [divi theme](https://ja.wordpress.org/plugins/tags/divi-theme/)[responsive images](https://ja.wordpress.org/plugins/tags/responsive-images/)
 *  [詳細を表示](https://ja.wordpress.org/plugins/responsive-divi-backgrounds/advanced/)

## 評価

レビューはまだ送信されていません。

[Your review](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/)