前言介紹
- 這款 WordPress 外掛「GravityWP – CSS Selector」是 2017-06-09 上架。
- 目前有 5000 個安裝啟用數。
- 上一次更新是 2025-04-16，距離現在已有 16 天。
- 外掛最低要求 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 |
延伸相關外掛（你可能也想知道）
MC4WP: Mailchimp for WordPress 》讓訪客訂閱您的電子報應該很容易。透過這款外掛，現在終於可以輕鬆做到了。 這個外掛可幫助您在 Mailchimp 中擴展您的電子郵件列表。您可以使用它來創建外觀...。
Newsletters, Email Marketing, SMS and Popups by Omnisend 》總結文案:, 「Omnisend 外掛連接至 Omnisend 電子郵件行銷工具，可讓其他外掛自動將表單數據和聯絡資訊傳送至 Omnisend。這能夠簡化聯絡人分類並發送個人化郵...。
MW WP Form 》MW WP Form 可以使用 shortcode 創建帶有確認畫面的郵件表單。, , 使用 shortcode 創建表單, 可以使用確認頁面。, 頁面可以使用相同的 URL 或個別的 URL 進行...。
Newsletter, SMTP, Email marketing and Subscribe forms by Brevo (formely Sendinblue) 》Sendinblue 的官方 WordPress 外掛程式是一個功能強大的全方位電子郵件行銷外掛程式。以下是一些概觀：, , 訂閱表單 – 建立自訂訂閱表單，輕鬆整合到文章、頁...。
Conditional Fields for Contact Form 7 》此外掛可以讓您的 Contact Form 7 表單加入條件式邏輯。, 當您編輯您的 CF7 表單時，您會看到一個額外的標籤，名為「條件式欄位群組」。您放置在起始標籤和結...。
MailerLite – Signup forms (official) 》MailerLite – Signup forms (official) 外掛, 官方的 MailerLite 訂閱表單外掛讓您可以輕鬆地從 WordPress 網誌或網站增加您的電子報訂閱者清單。此外...。
Contact Form 7 add confirm 》“Contact Form 7 add confirm” 可以為 “Contact Form 7” 增加確認步驟。, “Contact Form 7 add confirm” 可以為 “...。
Contact Form 7 Multi-Step Forms 》我需要一個可以跨越多個頁面的聯繫表單，並且最終會發送一封帶有所有收集信息的電子郵件。這個外掛通過擴展熱門的 Contact Form 7 外掛來實現這一點。, 這個...。
Calculated Fields Form 》「Calculated Fields Form」外掛能夠讓你創建具有計算欄位的網頁表單，欄位的值根據表單中其他欄位的值實時計算。, , 這個外掛的可能性是無限的。例如，你可...。
Form Maker by 10Web – Mobile-Friendly Drag & Drop Contact Form Builder 》Form Maker 是一款頂尖的拖曳式外掛程式，讓您可以透過幾個點擊輕鬆建立任何複雜度的表單。, 有用連結：, 現場示範, 演示管理員, 由 10Web 提供的高級表單 Ma...。
reCAPTCHA for MW WP Form 》您可以在 MW WP FORM 中使用 "reCAPTCHA V3"。, 注意：, 需要 MW WP Form（https://wordpress.org/plugins/mw-wp-form/）, /assets/screenshot-1.png, 。
Gravity PDF 》Gravity PDF 是使用 Gravity Forms 和 WordPress 創建動態數字 PDF 文件的最佳自助式解決方案。, 高度自定義的 PDF, 開箱即用的版本提供了四種高度自定義的 P...。
Advanced Custom Fields: Gravity Forms Add-on 》提供進階自訂欄位 (Advanced Custom Field)，讓 WordPress 編輯使用者或管理員可以在欄位群組配置中選擇 Gravity Form。, 可以在 外掛的 GitHub 存儲庫 中找...。
WordPress File Upload 》這個外掛讓你或其他使用者可以從任何頁面、文章或側邊欄輕鬆、安全地上傳檔案到你的網站。, 只需要在任何 WordPress 頁面/文章中加入簡碼 [wordpress_file_up...。
Visual Form Builder 》Visual Form Builder 是一個外掛，可讓您在同一地方建立和管理各種網站表單。只需幾分鐘就可以建立完整的聯絡表單，您不需要撰寫任何 PHP、CSS 或 HTML！, 升...。