Title: Surbma | Divi & Gravity Forms Author: Surbma Published: 2015年2月24日 Last modified: 2026年3月27日 --- プラグインを検索 ![](https://ps.w.org/surbma-divi-gravity-forms/assets/banner-772x250.png?rev=2620416) ![](https://ps.w.org/surbma-divi-gravity-forms/assets/icon-256x256.png?rev=2620416) # Surbma | Divi & Gravity Forms 作者: [Surbma](https://profiles.wordpress.org/surbma/) [ダウンロード](https://downloads.wordpress.org/plugin/surbma-divi-gravity-forms.5.2.zip) * [詳細](https://ja.wordpress.org/plugins/surbma-divi-gravity-forms/#description) * [レビュー](https://ja.wordpress.org/plugins/surbma-divi-gravity-forms/#reviews) * [インストール](https://ja.wordpress.org/plugins/surbma-divi-gravity-forms/#installation) * [開発](https://ja.wordpress.org/plugins/surbma-divi-gravity-forms/#developers) [サポート](https://wordpress.org/support/plugin/surbma-divi-gravity-forms/) ## 説明 > TESTED WITH GRAVITY FORMS 2.6 & SUPPORT FOR LEGACY MARKUP! YES, REALLY! 🙂 This plugin adds the same styling for Gravity Forms as Divi Theme has for its own forms. This is a very lightweight plugin with minified css to reduce the loading time as low as possible. The plugin has full support for the new GF 2.5 markup and the 2.6 inline button feature, it even supports previous versions or the legacy markup. So don’t panic, you can use this plugin for all Gravity Forms versions. But it is recommended to use the new version with the new markup! Gravity Forms fields and buttons are inherit Divi settings, so you can set the buttons look and feel. There is NO OPTIONS OR SETTINGS PAGE for this plugin! It just works after activation. Divi settings may modify the look of the forms. ### Responsive style for legacy markup If you didn’t upgrade to GF 2.5 or still use legacy markup, the plugin adds responsive styles to your forms. So you can use complex forms, halves or thirds fields, your form will look great on mobile screens also. ### Support for Extra by Elegant Themes The plugin supports the Extra theme also, created by Elegant Themes. So you can use it to style your forms even with Extra theme. ### Requirements You have to buy the Divi Theme and the Gravity Forms Plugin to use this plugin: * [Divi by Elegant Themes](https://surbma.com/go/elegantthemes/) (affiliate link) * [Gravity Forms](https://surbma.com/go/gravityforms/) (affiliate link) ### Info **My plugins for Divi theme:** * [Surbma | Divi & Gravity Forms](https://wordpress.org/plugins/surbma-divi-gravity-forms/) * [Surbma | Divi Extras](https://wordpress.org/plugins/surbma-divi-extras/) * [Surbma | Divi Lightbox](https://wordpress.org/plugins/surbma-divi-lightbox/) * [Surbma | Divi Project Shortcodes](https://wordpress.org/plugins/surbma-divi-project-shortcodes/) * [Surbma | Divi Remove Project CPT](https://wordpress.org/plugins/surbma-divi-remove-project-cpt/) **Do you want to contribute or help improving this plugin?** You can find it on GitHub: [https://github.com/Surbma/surbma-divi-gravity-forms](https://github.com/Surbma/surbma-divi-gravity-forms) **You can find my other plugins and projects on GitHub:** [https://github.com/Surbma](https://github.com/Surbma) Please feel free to contribute, help or recommend any new features for my plugins, themes and other projects. **Do you want to know more about me?** Visit my webpage: [Surbma.com](https://surbma.com/) ## インストール 1. Upload the `surbma-divi-gravity-forms` folder to the `/wp-content/plugins/` directory. 2. Activate the Surbma | Divi & Gravity Forms plugin through the ‘Plugins’ menu in WordPress. 3. That’s it. ## FAQ ### Does it work with Extra theme from Elegant Themes? Yes, it is working with Extra. To be honest, it is working with every other WordPress theme. ### What does Surbma mean? It is the reverse version of my last name. 😉 ## 評価 ![](https://secure.gravatar.com/avatar/cb72ad5b0b2d909cbaaf330ad682093268ed3d34dd538d7fddb06f0d8d34c481? s=60&d=retro&r=g) ### 󠀁[Simple – Fast – Perfect](https://wordpress.org/support/topic/simple-fast-perfect-4/)󠁿 [Luke Skybroker](https://profiles.wordpress.org/brokermodel/) 2019年6月16日 1 reply Thanks for this plugin – it has EXACTLY what you need to be up and running fast with a perfectly working form on all devices. ![](https://secure.gravatar.com/avatar/4751da83d998ddabdb8ec14b1a088ea1710b73347bb15b43f36cc5ffd0066932? s=60&d=retro&r=g) ### 󠀁[Surbma + Divi + Gravity = <3](https://wordpress.org/support/topic/surba-divi-gravity-3/)󠁿 [seleis](https://profiles.wordpress.org/seleis/) 2019年4月10日 1 reply There is a reason that this plugin has only 5 star reviews. It’s that good at just doing what it states, perfectly. If you have Divi and Gravity Forms, then this is pretty much a must-have. ![](https://secure.gravatar.com/avatar/17f4b9fcb3fae8883f907a577871ae7fb8468284238da5748ea2cc91b5fb7a05? s=60&d=retro&r=g) ### 󠀁[Well…](https://wordpress.org/support/topic/well-31/)󠁿 [RichardCulley](https://profiles.wordpress.org/richardculley/) 2018年1月25日 1 reply That’s the first time in a while I’ve installed a plug-in and it’s just done exactly what was promised. Awesome. Many thanks. ![](https://secure.gravatar.com/avatar/d8dabfdfa65caf315d6117e0b567eb082be654508a2f2cbfe8aab8ebdbb0c97c? s=60&d=retro&r=g) ### 󠀁[Perfect – use it all the time](https://wordpress.org/support/topic/perfect-use-it-all-the-time-2/)󠁿 [FannyV](https://profiles.wordpress.org/fannyv/) 2017年7月25日 1 reply Since I’m addicted to Divi, and a real Gravity Fan too: This little plugin does the job. Period! ![](https://secure.gravatar.com/avatar/371b54ad2d9b4a370ca9937b58f30cad34447085a70a8800906cf77bc0ea5677? s=60&d=retro&r=g) ### 󠀁[Does EXACTLY what it says!](https://wordpress.org/support/topic/does-exactly-what-it-says-130/)󠁿 [Stephen Souza](https://profiles.wordpress.org/noaruhikari/) 2017年2月8日 1 reply This plugin… works! Does exactly what it says and works flawlessly! So much so I donated a few the dev’s way to say thanks! 🙂 You rock!!!! ![](https://secure.gravatar.com/avatar/fdd7635873e2f892aab21f31b79e20ba5a794c3522201a9d68078b6248acc6a9? s=60&d=retro&r=g) ### 󠀁[Does what it says](https://wordpress.org/support/topic/does-what-it-says-509/)󠁿 [cassihl](https://profiles.wordpress.org/cassihl/) 2016年12月1日 1 reply Installed it and it worked perfectly. Just what I needed. I’ll be using this on all divi + gravity forms sites I create. [ 21件のレビューをすべて表示 ](https://wordpress.org/support/plugin/surbma-divi-gravity-forms/reviews/) ## 貢献者と開発者 Surbma | Divi & Gravity Forms はオープンソースソフトウェアです。以下の人々がこのプラグインに貢献しています。貢献者 * [ Surbma ](https://profiles.wordpress.org/surbma/) * [ CherryPick Studios ](https://profiles.wordpress.org/cherrypickstudios/) “Surbma | Divi & Gravity Forms” は2ロケールに翻訳されています。 [翻訳者](https://translate.wordpress.org/projects/wp-plugins/surbma-divi-gravity-forms/contributors) のみなさん、翻訳へのご協力ありがとうございます。 [“Surbma | Divi & Gravity Forms” をあなたの言語に翻訳しましょう。](https://translate.wordpress.org/projects/wp-plugins/surbma-divi-gravity-forms) ### 開発に興味がありますか ? [コードを閲覧](https://plugins.trac.wordpress.org/browser/surbma-divi-gravity-forms/) するか、[SVN リポジトリ](https://plugins.svn.wordpress.org/surbma-divi-gravity-forms/) をチェックするか、[開発ログ](https://plugins.trac.wordpress.org/log/surbma-divi-gravity-forms/) を [RSS](https://plugins.trac.wordpress.org/log/surbma-divi-gravity-forms/?limit=100&mode=stop_on_copy&format=rss) で購読してみてください。 ## 変更履歴 #### 5.2 Release date: 2026-03-27 * TWEAK – Updated minimum PHP version requirement to 7.4. * TWEAK – Tested with WordPress 6.9 version. #### 5.1 Release date: 2022-08-30 ENHANCEMENTS * Custom css loads only on pages, where actually a Gravity Form is used. #### 5.0 Release date: 2022-08-30 ENHANCEMENTS * Support for the new inline button feature, released in Gravity Forms 2.6 version. #### 4.1 Release date: 2021-10-27 FIXED * Some minor fixes for description and validation messages for new and legacy markup. #### 4.0 Release date: 2021-10-26 ENHANCEMENTS * Full support for new GF 2.5 markup. * Still support for legacy markup! FIXED * New markup main error message fix. * New markup error fields fix for input fields. * Fixes for Date & Time fields for new markup. OTHER * Tested with WordPress 5.8 version. * Tested with Divi 4.11 version. * Tested with Gravity Forms 2.5 version. #### 3.0 Release date: 2021-03-10 ENHANCEMENTS * Every Divi settings are checked and default values are added correctly. FIXED * All CSS output are fixed. OTHER * Tested with WordPress 5.7 version. * Tested with Divi 4.9 version. * Tested with Gravity Forms 2.5 version. #### 2.3 Release date: 2020-10-06 TWEAK * Added version number to enqueue for better cache management. OTHER * Tested with WordPress 5.5 version. * Tested with Divi 4.6 version. #### 2.2 Release date: 2020-02-12 FIXES * Fixed style for texarea with hidden label. OTHER * Fixed plugin names and links in description. #### 2.1 Release date: 2020-02-10 * FIX – Missed version number dump. #### 2.0 Release date: 2020-02-10 * TWEAK – Tested with WordPress 5.3 version. * TWEAK – Updated to use a new way to deploy it to wp.org repo. #### 1.7 * FIX – Fields with hidden labels corrected, if fields have more columns. * FIX – Textarea field fix. * Tested with WordPress 5.2 version. * Tested with Divi 3.21 version. #### 1.6 * FIX – Style fixes for footer widgets. * Tested with WordPress 5.1 version. * Tested with Divi 3.19 version. * Tested with Gravity Forms 2.4 version. * Simple versioning. #### 1.5.8 * Minor changes in description. * Tested with WordPress 5.0 version. #### 1.5.7 * Fix for required fields with error on desktop (GitHub issue #3). * Minor fix for required fields with error on mobile. #### 1.5.6 * My new Divi plugin added to the description: Surbma – Divi Lightbox #### 1.5.5 * Fix for fields with error on mobile (GitHub issue #1). * Fix for 16px padding for all fields on desktop (GitHub issue #2). * Tested with WordPress 4.8 version. #### 1.5.4 * Removed some unnecessary css. * Tested with WordPress 4.7 version. #### 1.5.3 * Fix to use the right font family and font weight for buttons. #### 1.5.2 * Gravity Forms 2.0.7.14 version changed some CSS styles, that are affected this plugin’s styling. This is now fixed. * Tested with WordPress 4.6 version. #### 1.5.1 * Gravity Forms 2.0 has a new responsive styling included, so I have deleted almost every responsive CSS. The plugin’s CSS file is more lighter now. 🙂 #### 1.5.0 * Gravity Forms 2.0 compatible. Code is much more lighter, thanks to GF’s new styles. * Divi 2.7 compatible. * Added another check if Divi theme, Extra theme or Divi Page Builder plugin is activated on the website. #### 1.4.1 * Fixed a duplicated character bug. (Reported by swamus) #### 1.4.0 * From now on, this plugin is working with every theme. Not only with Divi, but Extra and all other themes. So if you want to add Divi style to your Gravity Forms, you can do it with any WordPress themes. * Fixed “Send Email” button on the “Save and Continue Later” page. (Reported by PthPndr) * Fixed Submit button’s style, when using multi-page form. (Reported by Tevya) * Tested with WordPress 4.5 version. #### 1.3.3 * Fixed button text color setting. (Props Tevya) * Tested with WordPress 4.4 version. * Checked for PHP 7 compatibility. #### 1.3.2 * Fixed an undefined variable. (Props Tevya) #### 1.3.1 * Fix for submit button. (Props agiuliano) #### 1.3.0 * Form buttons are now controlled by Divi’s Buttons Style options in the customizer. I have made it safe to update without loosing any styling, but please check your forms after updating the plugin! Especially if you have custom css for these buttons. Any feedback is welcome! * Fixed textdomain path for localization. * Minor code fixes. #### 1.2.5 * Fixed responsive styling for Gravity Forms CSS Ready Classes. (Props Guilamu) #### 1.2.4 * Tested with WordPress 4.2 version. * Fixed date and time fields. #### 1.2.3 * Fixes in description. #### 1.2.2 * Added links in the plugin description to my other plugins for Divi theme. Give them a try! #### 1.2.1 * Changed description. #### 1.2.0 * Responsive styles added! 🙂 * Minor fixes in css. * Changed description. #### 1.1.1 * Fix localization. #### 1.1.0 * Prevent direct access to plugin’s file. * Check for Divi Theme and Gravity Forms plugin, if they already installed and activated. #### 1.0.1 * Added Hungarian language. #### 1.0.0 * 最初のリリース。 * First commit to the official WordPress repo. ## Commercial plugin This plugin is free but offers additional paid commercial upgrades or support. ## メタ * バージョン **5.2** * 最終更新日 **3週間前** * 有効インストール数 **9,000+** * WordPress バージョン ** 5.3またはそれ以降 ** * 検証済み最新バージョン: **6.9.4** * PHP バージョン ** 7.4またはそれ以降 ** * 言語 * [Bengali (Bangladesh)](https://bn.wordpress.org/plugins/surbma-divi-gravity-forms/)、 [English (US)](https://wordpress.org/plugins/surbma-divi-gravity-forms/)、[Hungarian](https://hu.wordpress.org/plugins/surbma-divi-gravity-forms/). * [プラグインを翻訳](https://translate.wordpress.org/projects/wp-plugins/surbma-divi-gravity-forms) * タグ * [divi](https://ja.wordpress.org/plugins/tags/divi/)[gravity forms](https://ja.wordpress.org/plugins/tags/gravity-forms/) [GravityForms](https://ja.wordpress.org/plugins/tags/gravityforms/) * [詳細を表示](https://ja.wordpress.org/plugins/surbma-divi-gravity-forms/advanced/) ## 評価 5つ星中5つ星 * [ 21 5-星レビュー ](https://wordpress.org/support/plugin/surbma-divi-gravity-forms/reviews/?filter=5) * [ 0 4-星レビュー ](https://wordpress.org/support/plugin/surbma-divi-gravity-forms/reviews/?filter=4) * [ 0 3-星レビュー ](https://wordpress.org/support/plugin/surbma-divi-gravity-forms/reviews/?filter=3) * [ 0 2-星レビュー ](https://wordpress.org/support/plugin/surbma-divi-gravity-forms/reviews/?filter=2) * [ 0 1-星レビュー ](https://wordpress.org/support/plugin/surbma-divi-gravity-forms/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/surbma-divi-gravity-forms/reviews/#new-post) [すべてのレビューを見る](https://wordpress.org/support/plugin/surbma-divi-gravity-forms/reviews/) ## 貢献者 * [ Surbma ](https://profiles.wordpress.org/surbma/) * [ CherryPick Studios ](https://profiles.wordpress.org/cherrypickstudios/) ## サポート意見や質問がありますか ? [サポートフォーラムを表示](https://wordpress.org/support/plugin/surbma-divi-gravity-forms/) ## 寄付このプラグインが今後も改善できるよう応援しませんか ? [ このプラグインに寄付 ](https://surbma.com/donate/)