Title: Responsive Divi Candy Author: Divi Candy Published: 2021年3月5日 Last modified: 2021年4月1日 --- プラグインを検索 ![](https://ps.w.org/responsive-divi-candy/assets/banner-772x250.jpg?rev=2489818) このプラグインは **WordPress の最新3回のメジャーリリースに対してテストされていま せん**。もうメンテナンスやサポートがされていないかもしれず、最新バージョンの WordPress で使用した場合は互換性の問題が発生する可能性があります。 ![](https://ps.w.org/responsive-divi-candy/assets/icon.svg?rev=2489818) # Responsive Divi Candy 作者: [Divi Candy](https://profiles.wordpress.org/divicandy/) [ダウンロード](https://downloads.wordpress.org/plugin/responsive-divi-candy.1.0.4.zip) * [詳細](https://ja.wordpress.org/plugins/responsive-divi-candy/#description) * [レビュー](https://ja.wordpress.org/plugins/responsive-divi-candy/#reviews) * [インストール](https://ja.wordpress.org/plugins/responsive-divi-candy/#installation) * [開発](https://ja.wordpress.org/plugins/responsive-divi-candy/#developers) [サポート](https://wordpress.org/support/plugin/responsive-divi-candy/) ## 説明 At **Divi Candy** we think Divi is the best WordPress theme. This is why our divi plugins extend the Divi Builder capabilities to make it even greater. Our first plugin is **Responsive Divi Candy**, a super lightweight plugin that helps you master rows & columns layouts with Divi. Fully compatible with the last version of the Divi Builder. 📌 How it works First, activate the wordpress plugin (no other configuration needed!). It will integrate directly into the Divi Builder. #### Choose the number of Columns With Divi you cannot choose if you want to have two, three or four columns side- by-side on mobile or tablet… Not anymore! You can now choose the number of columns that stack side-by-side on mobile and tablet directly into the Divi Builder. 1. Open up your Divi Builder and edit a Row. Go to the Advanced tab in the Rows Settings. 2. Toggle the option “CSS ID & Classes”. 3. Here you will see two new options called **Number of Columns on Tablet** and ** Number of Columns on Mobile**. 4. You can now choose from the dropdown list how many columns do you want to have on mobile and tablet. 5. **That’s all**. Congratulations! #### Set Column stacking order With Divi you cannot choose if you want to change the column stacking order on mobile or tablet… Not anymore! You can now choose which column will be the first and which one will be the second on mobile and tablet. No need to change your design layout or duplicate it just for mobile and tablet directly into the Divi Builder. 1. Open up your Divi Builder and edit a Row. Go to the Advanced tab in the Rows Settings. 2. Toggle the option “CSS ID & Classes”. 3. Here you will see two new options called **Stacking Order on Tablet** and **Stacking Order on Mobile**. You can choose to activate just for Tablets or Mobiles or both. 4. After that, go to the Content tab in the Rows Settings, and go inside the first Colums Settings by clicking the gear icon. 5. Go to the Advanced tab in the Columns Settings. 6. Toggle the option “CSS ID & Classes”. 7. Here you will see two new options called **Stacking Order on Tablet** and **Stacking Order on Mobile**. 8. You can now choose from the dropdown list the stacking order (from 1 to 6) on mobile and tablet. 9. You need to assign an order to EACH column! 10. **That’s all**. Congratulations! 🍬 Divi Candy Check out the [Plugin website](https://divicandy.com/responsive/) for more information and documentation. #### Divi’s new candies We will make your candy! Tell us what you can not do with Divi Page Builder and we will try to make a new Candy. For more information check out our website at [Divi Candy](https://divicandy.com/). ## スクリーンショット [⌊Choose The Number of Row Columns : options inside the Advanced Row Settings.⌉⌊ Choose The Number of Row Columns : options inside the Advanced Row Settings.⌉[ Choose The Number of Row Columns : options inside the Advanced Row Settings. [⌊Set Row Column Stacking Order : options inside the Advanced Row Settings.⌉⌊Set Row Column Stacking Order : options inside the Advanced Row Settings.⌉[ Set Row Column Stacking Order : options inside the Advanced Row Settings. [⌊Set Row Column Stacking Order : options inside the Advanced Column Settings.⌉⌊ Set Row Column Stacking Order : options inside the Advanced Column Settings.⌉[ Set Row Column Stacking Order : options inside the Advanced Column Settings. ## インストール 1. Install using the WordPress built-in Plugin installer, or Extract the zip file and drop the contents in the `wp-content/plugins/` directory of your WordPress installation. 2. Activate the plugin through the ‘Plugins’ menu in WordPress. ## FAQ ### How this plugin really works? Responsive Divi Candy is a really simple divi plugin. Once you select an option of the plugin, Responsive Divi Candy will add one CSS class to the **CSS Class** field inside the “CSS ID & Classes” options in the “Advanced tab” of the Divi Builder. If by accident, you delete this CSS class, you can just select again the same option and Responsive Divi Candy will add the correct CSS class again. ### Is this divi plugin really lightweight? The plugin will add a single line of CSS to the page output, so yes, really lightweight. ### Do I need Divi Theme for this to work? You must have Divi theme, Extra Theme or the Divi Builder installed in order for this plugin to work. [Divi by ElegantThemes](https://www.elegantthemes.com/affiliates/idevaffiliate.php?id=43966&url=37529)( affiliate link). ### Does it work with the Divi Builder? This divi plugin is kept compatible with the latest Divi release. We have tested it with all releases since the initial Divi 3.0 release. ### Is this plugin free? Yes! Responsive Divi Candy is absolutely free. There is no hidden charge. However, if you would like to support our development, you can [buy me a coffee](https://www.buymeacoffee.com/divicandy). ### Do you have more questions ? Or need more help ? Check out the [support forum](https://wordpress.org/support/plugin/responsive-divi-candy/) to see if someone else had the same problem and found a solution to it. Also, feel free to ask for help there. ## 評価 ![](https://secure.gravatar.com/avatar/1b661fba0775b64de82e06b2b020c255e8dd1f5b7b4a9aea4ca9862cd074f667? s=60&d=retro&r=g) ### 󠀁[Doesn’t work 🙁](https://wordpress.org/support/topic/doesnt-work-2694/)󠁿 [bncore](https://profiles.wordpress.org/bncore/) 2021年8月7日 Doesn't work 🙁 ![](https://secure.gravatar.com/avatar/e3401502e6b0e5b718466b8789af79e8065262838ad5f5673fff498b49bd9fe1? s=60&d=retro&r=g) ### 󠀁[Não funciona](https://wordpress.org/support/topic/nao-funciona-62/)󠁿 [luiza1987](https://profiles.wordpress.org/luiza1987/) 2021年7月9日 1 reply Não funciona. ![](https://secure.gravatar.com/avatar/5a65c2957d9ff89683efd5aa5354cc45f1e0adcc880747cea88a5f68ad96df10? s=60&d=retro&r=g) ### 󠀁[Awesome Idea!](https://wordpress.org/support/topic/awesome-idea-12/)󠁿 [Elisandro Borges](https://profiles.wordpress.org/elisandroborges/) 2021年4月27 日 1 reply I love the responsive extra features! Congratulation! [ 3件のレビューをすべて表示 ](https://wordpress.org/support/plugin/responsive-divi-candy/reviews/) ## 貢献者と開発者 Responsive Divi Candy はオープンソースソフトウェアです。以下の人々がこのプラグイン に貢献しています。 貢献者 * [ Divi Candy ](https://profiles.wordpress.org/divicandy/) [“Responsive Divi Candy” をあなたの言語に翻訳しましょう。](https://translate.wordpress.org/projects/wp-plugins/responsive-divi-candy) ### 開発に興味がありますか ? [コードを閲覧](https://plugins.trac.wordpress.org/browser/responsive-divi-candy/) するか、[SVN リポジトリ](https://plugins.svn.wordpress.org/responsive-divi-candy/) をチェックするか、[開発ログ](https://plugins.trac.wordpress.org/log/responsive-divi-candy/) を [RSS](https://plugins.trac.wordpress.org/log/responsive-divi-candy/?limit=100&mode=stop_on_copy&format=rss) で購読してみてください。 ## 変更履歴 #### 1.0.4 * Update jQuery code. #### 1.0.3 * Fix French & Spanish translations. Added German translation. #### 1.0.2 * Added compatibility with WordPress 5.7 and review the readme file. Added French& Spanish translations. #### 1.0.1 * Fix problem with the class CSS naming. That avoids the error with the Divi Builder. #### 1.0.0 * Hello World. First version of the plugin. ## メタ * バージョン **1.0.4** * 最終更新日 **6年前** * 有効インストール数 **90+** * WordPress バージョン ** 5.2またはそれ以降 ** * 検証済み最新バージョン: **5.7.20** * PHP バージョン ** 5.6またはそれ以降 ** * 言語 * [English (US)](https://wordpress.org/plugins/responsive-divi-candy/) * タグ * [divi](https://ja.wordpress.org/plugins/tags/divi/)[divi builder](https://ja.wordpress.org/plugins/tags/divi-builder/) [Divi Page Builder](https://ja.wordpress.org/plugins/tags/divi-page-builder/) [Divi plugin](https://ja.wordpress.org/plugins/tags/divi-plugin/)[divi theme](https://ja.wordpress.org/plugins/tags/divi-theme/) * [詳細を表示](https://ja.wordpress.org/plugins/responsive-divi-candy/advanced/) ## 評価 5つ星中3.7つ星 * [ 2 5-星レビュー ](https://wordpress.org/support/plugin/responsive-divi-candy/reviews/?filter=5) * [ 0 4-星レビュー ](https://wordpress.org/support/plugin/responsive-divi-candy/reviews/?filter=4) * [ 0 3-星レビュー ](https://wordpress.org/support/plugin/responsive-divi-candy/reviews/?filter=3) * [ 0 2-星レビュー ](https://wordpress.org/support/plugin/responsive-divi-candy/reviews/?filter=2) * [ 1 1-星レビュー ](https://wordpress.org/support/plugin/responsive-divi-candy/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/responsive-divi-candy/reviews/#new-post) [すべてのレビューを見る](https://wordpress.org/support/plugin/responsive-divi-candy/reviews/) ## 貢献者 * [ Divi Candy ](https://profiles.wordpress.org/divicandy/) ## サポート 意見や質問がありますか ? [サポートフォーラムを表示](https://wordpress.org/support/plugin/responsive-divi-candy/) ## 寄付 このプラグインが今後も改善できるよう応援しませんか ? [ このプラグインに寄付 ](https://www.buymeacoffee.com/divicandy)