Title: Gravitizer – Material UI Styler for Gravity Forms Author: Mehbub Rashid Published: 2020 年 8 月 14 日 Last modified: 2021 年 5 月 20 日 --- 搜尋外掛 ![](https://ps.w.org/gravitizer-lite/assets/banner-772x250.png?rev=2396176) 這個外掛**並未在最新的 3 個 WordPress 主要版本上進行測試**。開發者可能不再對這個 外掛進行維護或提供技術支援，並可能會與更新版本的 WordPress 產生使用上的相容性問題。 ![](https://ps.w.org/gravitizer-lite/assets/icon-256x256.gif?rev=2361123) # Gravitizer – Material UI Styler for Gravity Forms 由 [Mehbub Rashid](https://profiles.wordpress.org/mehbubrashid/) 開發 [下載](https://downloads.wordpress.org/plugin/gravitizer-lite.zip) * [詳細資料](https://tw.wordpress.org/plugins/gravitizer-lite/#description) * [使用者評論](https://tw.wordpress.org/plugins/gravitizer-lite/#reviews) * [開發資訊](https://tw.wordpress.org/plugins/gravitizer-lite/#developers) [技術支援](https://wordpress.org/support/plugin/gravitizer-lite/) ## 外掛說明 Convert your Gravity Forms into Google Material UI design in one click. Style them with the live visual styler. [**DEMO**](https://divdojo.com/gravitizer) **How to use:** * Go to your form edit page and select a field to edit/add. * Go to appearance tab. * Select “Yes” from the dropdown called “Enable Material UI for this field” * Save your form and you can see the field is now converted into Material UI !! * Click on customize in your form page to customize the look of your form using WP customizer ### Free version features * **Material Normal** and **Material Outlined** both designs are included * Use any material icon in your fields * Supports conditional logic * Supports dynamic population * Use the visual styler to customize the form live. * Apply different design to different forms ### Pro version features * All free version features * Support for Material dropdowns * Support for Material date pickers * Extended functionalities in the visual styler. * **6 months free support**. [**Get Gravitizer Pro Now!**](https://codecanyon.net/item/gravitizer-gravity-forms-material-ui-styler/26570055) ### Want to contribute? You are welcome to contribute to this open source plugin. [**Github Link**](https://github.com/MehbubRashid/gravitizer-lite) ## 螢幕擷圖 * [[ * Full overview. * [[ * The live visual styler ## 使用者評論 ![](https://secure.gravatar.com/avatar/002cb1ee25a5132c9bf66b6f9f10c3581f0fb92bf685a3a06d8332686c22f6bf? s=60&d=retro&r=g) ### 󠀁[Bloats head with CSS, Forces Background color](https://wordpress.org/support/topic/bloats-head-with-css-forces-background-color/)󠁿 [ChaosZero112](https://profiles.wordpress.org/chaoszero112/) 2021 年 2 月 24 日 1 則留言 The concept is great. The execution, not so much. The plugin throws a huge amount of CSS into the head without placing it in an external stylesheet. Going through each widget to toggle the skin is a paid. There should be a bulk option. It also creates a class, #gform_wrapper_1, that completely takes over the padding, background color, and more, without a way to change it. #gform_wrapper_1 { padding: 0px; background- color: #fff; } Not sure why it needs to force a white background. It has potential, but a lack of settings/options keeps this plugin away from primetime. Edit: Was wrong on this front. The Customize page does have the ability to change it. [ 閱讀全部 0 則使用者評論 ](https://wordpress.org/support/plugin/gravitizer-lite/reviews/) ## 參與者及開發者 以下人員參與了開源軟體〈Gravitizer – Material UI Styler for Gravity Forms〉的開發 相關工作。 參與者 * [ Mehbub Rashid ](https://profiles.wordpress.org/mehbubrashid/) [將〈Gravitizer – Material UI Styler for Gravity Forms〉外掛本地化為台灣繁體中文版](https://translate.wordpress.org/projects/wp-plugins/gravitizer-lite) ### 對開發相關資訊感興趣？ 任何人均可[瀏覽程式碼](https://plugins.trac.wordpress.org/browser/gravitizer-lite/)、 查看 [SVN 存放庫](https://plugins.svn.wordpress.org/gravitizer-lite/)，或透過 [RSS](https://plugins.trac.wordpress.org/log/gravitizer-lite/?limit=100&mode=stop_on_copy&format=rss) 訂閱[開發記錄](https://plugins.trac.wordpress.org/log/gravitizer-lite/)。 ## 變更記錄 #### 2.0.1 * Made compatible with GF 2.5 #### 2.0.0 * Fixed url echo issue #### 1.0.9 * Fixed notice cancel button wrong redirect issue. #### 1.0.8 * Added how to use notice #### 1.0.7 * Added documentation link #### 1.0.6 * Improved documentation and added another option #### 1.0.5 * Fixed multiple value error. #### 1.0.4 * Fixed pro version checker bug. #### 1.0.3 * Added pro version demo images. #### 1.0.2 * Added contributions link. #### 1.0.1 * Added demo link. #### 1.0.0 * First release. ## 中繼資料 * 版本 **2.0.1** * 最後更新 **5 年前** * 啟用安裝數 **60+** * WordPress 版本需求 ** 3.0.1 或更新版本 ** * 已測試相容的 WordPress 版本 **5.7.15** * 語言 * [English (US)](https://wordpress.org/plugins/gravitizer-lite/) * 標籤 * [Gravity Forms Design](https://tw.wordpress.org/plugins/tags/gravity-forms-design/) [gravity forms styler](https://tw.wordpress.org/plugins/tags/gravity-forms-styler/) [material design](https://tw.wordpress.org/plugins/tags/material-design/) * [進階檢視](https://tw.wordpress.org/plugins/gravitizer-lite/advanced/) ## 評分 3 星，滿分為 5 星 * [ 0 個 5 星使用者評論 ](https://wordpress.org/support/plugin/gravitizer-lite/reviews/?filter=5) * [ 0 個 4 星使用者評論 ](https://wordpress.org/support/plugin/gravitizer-lite/reviews/?filter=4) * [ 1 個 3 星使用者評論 ](https://wordpress.org/support/plugin/gravitizer-lite/reviews/?filter=3) * [ 0 個 2 星使用者評論 ](https://wordpress.org/support/plugin/gravitizer-lite/reviews/?filter=2) * [ 0 個 1 星使用者評論 ](https://wordpress.org/support/plugin/gravitizer-lite/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/gravitizer-lite/reviews/#new-post) [查看全部使用者評論](https://wordpress.org/support/plugin/gravitizer-lite/reviews/) ## 參與者 * [ Mehbub Rashid ](https://profiles.wordpress.org/mehbubrashid/) ## 技術支援 使用者可在技術支援論壇提出意見反應或使用問題。 [檢視技術支援論壇](https://wordpress.org/support/plugin/gravitizer-lite/) ## 贊助 想要支援這個外掛的發展嗎？ [ 贊助這個外掛 ](https://codecanyon.net/user/divdojo/portfolio)