Title: CSS Ready Classes for Gravity Forms Author: Manny Rodrigues Published: 2019 年 10 月 3 日 Last modified: 2026 年 1 月 5 日 --- 搜尋外掛 ![](https://ps.w.org/css-ready-classes-gravity-forms/assets/banner-772x250.png?rev =2407748) ![](https://ps.w.org/css-ready-classes-gravity-forms/assets/icon-256x256.png?rev =2167433) # CSS Ready Classes for Gravity Forms 由 [Manny Rodrigues](https://profiles.wordpress.org/endurox/) 開發 [下載](https://downloads.wordpress.org/plugin/css-ready-classes-gravity-forms.2.7.13.zip) * [詳細資料](https://tw.wordpress.org/plugins/css-ready-classes-gravity-forms/#description) * [使用者評論](https://tw.wordpress.org/plugins/css-ready-classes-gravity-forms/#reviews) * [安裝方式](https://tw.wordpress.org/plugins/css-ready-classes-gravity-forms/#installation) * [開發資訊](https://tw.wordpress.org/plugins/css-ready-classes-gravity-forms/#developers) [技術支援](https://wordpress.org/support/plugin/css-ready-classes-gravity-forms/) ## 外掛說明 This WordPress plugin for Gravity Forms will allow you to quickly and conveniently select from a fully updated list of CSS Ready Classes available under your form fields’ Appearance tab. This plugin is a modified version of [Brad’s Gravity Forms CSS Ready Class Selector WordPress plugin](https://wordpress.org/plugins/gravity-forms-css-ready-selector/). Special thanks to [Brad Vincent](https://profiles.wordpress.org/bradvin/) for the original code and [Mike Kormendy](https://github.com/mkormendy) for the cleaned up version! [Visit the new and improved plugin web site](https://endurtech.com/css-ready-classes-plugin/) for more details. This plugin, as of v2.5, will also HIDE ALL Gravity Forms backend tooltips when managing your forms. Those tooltips are helpful to the uninitiated but quickly become a pest to those of us who are initiated. To restore tooltip function simply disable this plugin. In a future release I will look into embedding this feature into the main Gravity Forms Settings area so that it can be toggled. If anyone wants to help me achieve this please [get in touch with me](https://endurtech.com/contact/). This plugin, as of v2.7.6, will also HIDE ALL Gravity Forms “Required Field Notification” message which appears at the top of every form. That notification is helpful to the uninitiated but quickly become a pest to those of us who are initiated. To restore the notification message at the top of each form simply disable this plugin. In a future release I will look into embedding this feature into the main Gravity Forms Settings area so that it can be toggled. If anyone wants to help me achieve this please [get in touch with me](https://endurtech.com/contact/). [Donate now](https://endurtech.com/give-thanks/) to ensure future improvements to this plugin by [sending me a tip using Brave](https://endurtech.com/send-a-tip-using-the-brave-browser/) or by [sending me a one-time donation](https://endurtech.com/give-thanks/). ### Features * Conveniently accessible with a link next to the “Custom CSS Class” field under a fields’ “Appearance” tab. * Clean and simple popup / modal window listing a fully updated list of Gravity Forms CSS Ready Classes. * Click to clear all previously submitted CSS Ready Classes from the “Custom CSS Class” field. * You are able to add more than one CSS Ready Class, when done just click away or the close button. * Double click any CSS Ready Class to add it and auto-close the popup / modal window. * Hover over any CSS Ready Class to obtain a description of the class. * Hides ALL Gravity Form backend tooltips when managing your forms (as of v2.5). * Hides ALL Gravity Form frontend notification message regarding required fields( as of 2.7.6). ## 螢幕擷圖 * [[ * CSS link accessible under form field’s ‘Appearance’ tab. * [[ * Convenient CSS Ready Class selection Popup / modal window. ## 安裝方式 1. Make sure Gravity Forms is installed and activated. 2. Upload the plugin folder to your ‘/wp-content/plugins/’ folder. 3. Activate the plugin through the ‘Plugins’ menu in WordPress. ## 常見問題集 ### Does this plugin rely on anything? Yes, you must have Gravity Forms v2.0+ installed and activated. ### How do I restore tooltips within Gravity Forms? This plugin hides all backend tooltips. To restore tooltips you may temporarily disable this plugin. In the future I will look into embedding this feature into the main Gravity Forms Settings area so that it can be toggled. ### Where did my Gravity Forms tooltips go? This plugin hides all backend tooltips. To restore tooltips you may temporarily disable this plugin. In the future I will look into embedding this feature into the main Gravity Forms Settings area so that it can be toggled. ### How do I use the Read-only CSS Ready class? This class requires the use of an embedded JavaScript snippet within a hidden HTML form field. [Get the needed JavaScript snippet](https://endurtech.com/create-read-only-field-in-gravityforms/). ### I found this plugin helpful. How can I help? Happy to have helped! Support my work and future improvements to this plugin by [sending me a tip using your Brave browser](https://endurtech.com/send-a-tip-using-the-brave-browser/) or by [sending me a one-time donation](https://endurtech.com/give-thanks/). If you have any ideas for improvements or want to contribute to the code you may [get in touch with me](https://endurtech.com/contact/). ## 使用者評論 ![](https://secure.gravatar.com/avatar/9f297a92c88c8c458129cfc98eec71f167fbeff1e8c251a2d9cf9df3eb05158f? s=60&d=retro&r=g) ### 󠀁[Quick and Handy](https://wordpress.org/support/topic/quick-and-handy-3/)󠁿 [Clay](https://profiles.wordpress.org/endurox50/) 2020 年 9 月 1 日 Love how all the latest CSS Ready Classes for Gravity Forms are available right where I need them. Much appreicated. ![](https://secure.gravatar.com/avatar/d04a98cc96e1dc156b52861457d2ab380292efebcb1e6ae28f740e29c36e09ac? s=60&d=retro&r=g) ### 󠀁[Quality Refresh of a Good Plugin now even better](https://wordpress.org/support/topic/quality-refresh-of-a-good-plugin-now-even-better/)󠁿 [juliandickie](https://profiles.wordpress.org/juliandickie/) 2020 年 4 月 15 日 I had used the original gravity forms CSS plugin for years and this new and updated version does everything I had hoped would be developed for the old one. So much quicker to add multiple classes and all in one quick popup screen. Thank you so much for doing this. ![](https://secure.gravatar.com/avatar/351d9c5733ca8c036655a7116fa0c6b133d67dfc2630588a4efcf97307d42ef9? s=60&d=retro&r=g) ### 󠀁[Good new version of obsolete plugin](https://wordpress.org/support/topic/good-new-version-of-obsolete-plugin/)󠁿 [danex7799](https://profiles.wordpress.org/danex7799/) 2019 年 12 月 26 日 Thank you for updating the old plugin. This plugin has useful functionality to it, and there weren’t any of the new Gravity Forms classes in the old plugin from Brad. [ 閱讀全部 3 則使用者評論 ](https://wordpress.org/support/plugin/css-ready-classes-gravity-forms/reviews/) ## 參與者及開發者 以下人員參與了開源軟體〈CSS Ready Classes for Gravity Forms〉的開發相關工作。 參與者 * [ Manny Rodrigues ](https://profiles.wordpress.org/endurox/) * [ WP Gear Pro ](https://profiles.wordpress.org/wpgearpro/) [將〈CSS Ready Classes for Gravity Forms〉外掛本地化為台灣繁體中文版](https://translate.wordpress.org/projects/wp-plugins/css-ready-classes-gravity-forms) ### 對開發相關資訊感興趣？ 任何人均可[瀏覽程式碼](https://plugins.trac.wordpress.org/browser/css-ready-classes-gravity-forms/)、 查看 [SVN 存放庫](https://plugins.svn.wordpress.org/css-ready-classes-gravity-forms/)， 或透過 [RSS](https://plugins.trac.wordpress.org/log/css-ready-classes-gravity-forms/?limit=100&mode=stop_on_copy&format=rss) 訂閱[開發記錄](https://plugins.trac.wordpress.org/log/css-ready-classes-gravity-forms/)。 ## 變更記錄 #### 2.8.0 (coming soon) * Adding new Confirmation Classes. Add a class to the ‘CSS Class Name’ input under‘ Form Layout’ within the ‘Form Settings’ page. Turns confirmation message into colored banner. Works with ‘text’ type confirmation messages, NOT page or redirect confirmations. * Will repurpose double click action from closing popup to removing selected class, if exists. #### 2.7.13 (2026-01-05) * Tested against WordPress 6.9 #### 2.7.12 (2024-12-31) * Tested against WordPress 6.7.2 #### 2.7.11 (2024-04-02) * Added WordPress Repository blueprint feature for user previews. #### 2.7.10 (2024-04-02) * Tested against WordPress 6.5 #### 2.7.9 (2023-11-08) * Tested against WordPress 6.4 * Updated plugin author information. #### 2.7.8 (2023-03-28) * Tested against WordPress 6.2 #### 2.7.7 * Tested against WordPress 6.1 #### 2.7.6 * Added the removal of the frontend required fields notification. #### 2.7.5 * Tested against WordPress 6.0 #### 2.7.4 * Tested against WordPress 5.9 #### 2.7.3 * Tested against WordPress 5.8 #### 2.7.2 * Tested against WordPress 5.7 #### 2.7.1 * Tested against WordPress 5.6 #### 2.7.0 * Added a convenient ‘Clear classes’ link to the top of the popup. This removes all previously entered CSS Ready Classes from the ‘Custom CSS Class’ field. * Tested against the lastest beta version (2.5 beta 1) of the new Gravity Forms plugin. * Various code improvements, minification and styling updates. #### 2.6.1 * Corrected an invalid link within the readme (thanks Michael D.) #### 2.6.0 * Added new HTML field CSS Ready Classes. This turns an HTML field and its contents into a colored banner message. #### 2.5.0 * All backend tooltips within Gravity Forms are now hidden by default. * Added new Read-only CSS class. NOTE: Requires an embedded JavaScript snippet within a hidden HTML form field. [Get the needed JavaScript snippet](https://endurtech.com/create-read-only-field-in-gravityforms/). * Tested against WordPress 5.5 #### 2.4.6 * Tested against WordPress 5.3.1 #### 2.4.5 * Tested against WordPress 5.3 #### 2.4.4 * Uniquely renamed functions to ensure compatibility with other plugins. #### 2.4.3 * Updated name for publication on WordPress.org Plugin directory. #### 2.4.2 * Simplified Class Section. * Tested against latest WP and GF versions. #### 2.4.1 * Added new invisible CSS class. * Updated code, made it cleaner. #### 2.4 * Added new vertical CSS classes, reordered classes and updated titles. * Added donate link. #### 2.2 * Added new CSS classes and titles. * Replaced linked icon with text link. * Removed extraneous instantiation and cleaned up styling (Thanks Mike). #### 1.2 * Initial release. ## 中繼資料 * 版本 **2.7.13** * 最後更新 **3 個月前** * 啟用安裝數 **1,000+** * WordPress 版本需求 ** 5.4 或更新版本 ** * 已測試相容的 WordPress 版本 **6.10** * 語言 * [English (US)](https://wordpress.org/plugins/css-ready-classes-gravity-forms/) * 標籤 * [css classes](https://tw.wordpress.org/plugins/tags/css-classes/)[css ready classes](https://tw.wordpress.org/plugins/tags/css-ready-classes/) [gravity forms](https://tw.wordpress.org/plugins/tags/gravity-forms/)[GravityForms](https://tw.wordpress.org/plugins/tags/gravityforms/) * [進階檢視](https://tw.wordpress.org/plugins/css-ready-classes-gravity-forms/advanced/) ## 評分 5 星，滿分為 5 星 * [ 3 個 5 星使用者評論 ](https://wordpress.org/support/plugin/css-ready-classes-gravity-forms/reviews/?filter=5) * [ 0 個 4 星使用者評論 ](https://wordpress.org/support/plugin/css-ready-classes-gravity-forms/reviews/?filter=4) * [ 0 個 3 星使用者評論 ](https://wordpress.org/support/plugin/css-ready-classes-gravity-forms/reviews/?filter=3) * [ 0 個 2 星使用者評論 ](https://wordpress.org/support/plugin/css-ready-classes-gravity-forms/reviews/?filter=2) * [ 0 個 1 星使用者評論 ](https://wordpress.org/support/plugin/css-ready-classes-gravity-forms/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/css-ready-classes-gravity-forms/reviews/#new-post) [查看全部使用者評論](https://wordpress.org/support/plugin/css-ready-classes-gravity-forms/reviews/) ## 參與者 * [ Manny Rodrigues ](https://profiles.wordpress.org/endurox/) * [ WP Gear Pro ](https://profiles.wordpress.org/wpgearpro/) ## 技術支援 使用者可在技術支援論壇提出意見反應或使用問題。 [檢視技術支援論壇](https://wordpress.org/support/plugin/css-ready-classes-gravity-forms/) ## 贊助 想要支援這個外掛的發展嗎？ [ 贊助這個外掛 ](https://endurtech.com/give-thanks/)