前言介紹
- 這款 WordPress 外掛「GravityWP – CSS Selector」是 2017-06-09 上架。
- 目前有 4000 個安裝啟用數。
- 上一次更新是 2025-04-16，距離現在已有 315 天。
- 外掛最低要求 WordPress 3.0.1 以上版本才可以安裝。
- 有 9 人給過評分。
- 還沒有人在論壇上發問，可能目前使用數不多，還沒有什麼大問題。
外掛協作開發者
外掛標籤
form | forms | gravity form | gravity forms | css ready classes |
內容簡介
這個外掛是針對令人驚嘆的 Gravity Forms 外掛程式的附加功能。
特別感謝 Brad Vincent 和 Bryan Willis 開發出第一個和修改版的這個外掛程式。
Gravity Forms 外掛程式有 CSS Ready Classes 可以用來設計你的表單欄位。使用這些類別，你可以輕鬆地為表單中的欄位建立更複雜的版面配置。還不錯的想法，不過問題是你總是需要記得正確的類別名稱。現在有了這個 CSS Selector，你不需要記得了。只需點擊按鈕啟動彈出窗口並選擇要添加的類別即可。
功能
在 CSS Class 欄位旁的進階選項標籤按鈕下方新增方便的按鈕
簡潔明瞭的彈出窗口，列出所有的 CSS Ready Classes
可選擇 HTML Field Classes (alerts)、Gravity PDF、Gravity Perks 和 CSS Ready Classes
可以添加多個 CSS Ready Classes
雙擊一個 CSS Ready Class 以添加它並自動關閉彈出窗口
在彈出窗口模式中添加自己的自訂 CSS
原文外掛簡介
This plugin is an add-on for the amazing Gravity Forms Plugin.
Special thanks to Brad Vincent and Bryan Willis for developing the first and revised version of this plugin.
Gravity Forms has CSS Ready Classes to style your form fields. Using these classes, you can easily create more advanced layouts for the fields in your forms. Excellent idea, however, the problem is you always need to remember what the exact class name is. Now with this CSS Selector, you don’t need to remember. Simply click on a button to launch the pop-up and choose the class you want to add.
Features
Convenient button added under the advanced tab next to the CSS Class field
Clean and simple pop-up that lists all the CSS Ready Classes
HTML Field Classes (alerts), Gravity PDF, Gravity Perks and CSS Ready Classes selectable
Add more than one CSS Ready Class
Double-click a CSS Ready Class to add it and auto-close the popup
Add your own custom CSS to the pop-up modal
About GravityWP
GravityWP is a third party that develops high-quality addons for Gravity Forms. We provide additional tools that can be used to build full-blown web applications.
Advanced Merge Tags: Enhance your form customization with powerful merge tag modifiers, enabling functions like date adjustments, character and word counts, URL encoding, and retrieving data from other forms or sources.
JWT Prefill: Securely populate form fields using JSON Web Tokens, ensuring data integrity and streamlining user experience.
Advanced Number Field: Enhance number fields with features like custom units, fixed decimal places, sliders, and calculated min/max validation rules.
List Number Format: Transform list field columns into numeric formats, supporting calculations such as totals, or other row and column-based computations, with options for rounding, currency, and range constraints.
List Dropdown: Convert specific list field columns into dropdown select inputs.
List Datepicker: Add calendar-based datepickers to list fields, allowing users to select dates directly within list columns.
List Text: Enhance list columns with features like placeholders, textareas, and custom validation.
Field to Entries: Automatically generate new form entries based on checkbox selections, multi-select choices, or list row data.
Update Multiple Entries: Enable bulk updates of large amounts of existing entries in target forms through trigger forms, streamlining data management.
And more…
Discover our suite of powerful Add-ons for Gravity Forms.
各版本下載點
- 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
- 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「GravityWP – CSS Selector」來進行安裝。
（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。
0.1 | 0.2 | 1.0 | 1.1 | 0.2.1 | 0.2.2 | 1.0.1 | 1.0.2 | 1.0.4 | trunk |
延伸相關外掛（你可能也想知道）
Gravity Forms + Custom Post Types 》此外掛可將 Gravity Forms 生成的文章對應至自訂文章類型和/或自訂分類，無需任何程式設計。, 介紹, 此外掛為 Gravity Forms 的附加元件，您可以造訪 Gravity...。
Gravity Forms CSS Ready Class Selector 》, 這個外掛是讓您更好地搭配使用令人驚豔的 Gravity Forms 外掛的附屬元件。, 歡迎查看我提供的其他免費的 Gravity Forms 外掛附屬元件, , 此外掛相容於 Gr...。
Date Time Field Add-On for Gravity Form 》Gravity Forms 的日期時間外掛，具備自訂日期時間格式功能：, , 此外掛將在「進階欄位」下新增「日期時間」欄位類型。, 只需將「日期時間」欄位拖曳至表單中...。
Country Code Selector 》國家代碼選擇器使用 JavaScript 為基礎，讓 WooCommerce、Shopp、Contact Form 7、Gravity Form 外掛的使用者以下拉式選單選擇國家代碼。, 國家代碼選擇器是...。
BSK Forms Blacklist 》這個外掛可以幫助你防止來自 Gravity Forms、Formidable Forms、WPForms、Contact Form 7 和 Forminator 的垃圾訂單。, 這是免費版本，您可以設置使用黑名單...。
EleForms – All In One Form Integration including DB for Elementor 》整合你最喜歡的聯絡表單、儲存提交的數據庫和簡訊通知 — Contact Form 7、Gravity Form、Ninja Forms，並使用 Elementor 頁面建構工具自由設計。無需編程！, ...。
Gravity Forms + Stripe 》使用 Stripe 在 WordPress 網站上直接接受一次性和定期訂閱付款，無需編程（甚至不用簡code！）。, 這是我們從客戶那裡得到的報價之一，他們希望使用 Stripe ...。
Gravity Forms Directory 》此外掛需要 Gravity Forms, , GravityView 是顯示 Gravity Forms 記錄的最佳方式, 我們致力於創建一個更好的目錄外掛，最終做到了：GravityView 將顯示您的表...。
Gravity Forms Multi Currency 》這個外掛將讓你能夠為每個表單設定貨幣。。
Gravity Forms styler for Elementor Page Builder 》這是一款為 Elementor 頁面建立者提供的 Gravity Forms 特效套件。你可以使用可視化編輯器在 Elementor 與 Gravity Forms 上設計美觀的表單，不需要寫任何程...。
Contact Form Migrator from Gravity Forms to Formidable 》輕鬆從 Gravity Forms 切換到 Formidable Forms，我們會自動為您建立和匯入表單及電子郵件通知。切換後，您將擁有最先進的 WordPress 表單生成器。 , 為什麼...。
Form Refresher for Gravity Forms 》<strong>總結：</strong>, 這個WordPress外掛允許在AJAX提交時重新載入Gravity Forms。特別適用於允許在不刷新頁面的情況下進行多次表單提交的情...。
Multiple Range Slider For Gravity Form 》Gravity Form 多重範圍滑桿外掛是一個方便易用的外掛，可以在您的 WordPress 網站的 Gravity Form 表單中設置帶有範圍的欄位。, 多重範圍滑桿外掛的功能：, ,...。
Gravity Forms Business Hours by GravityView 》, 這個外掛需要Gravity Forms，這是 WordPress 上最好的表單外掛！, , 在您的 Gravity Forms 表單中添加一個「營業時間」欄位。, 此外掛支援：, , 設置午夜後...。
WordPress to Freshsales Integration 》這個外掛提供了將您的 Contact Form 7、Formidable Form 和 Gravity Form 表單實時發送和存儲到 Freshsales 潛在客戶的功能。, Freshsales 是什麼？, Freshsa...。