今天無意間發現有這個方便的外掛,可以造福很多不懂 CSS、但想改變 WPForms 的表單外觀的朋友們!
Styler for WPForms
這個外掛提供了100多個選項,幫助你用設定的方式,就能調整 WPForms 的各個部分的樣式,例如表單外框、表單標題、提交按鈕、單選輸入、複選框輸入等等。
你可以針對每個部分,設定它的:背景色、字體大小、字體系列、邊框、寬度、文字對齊、邊距等。即使你不會寫 CSS 程式語法,也可以製作漂亮的表單囉!
另外,還可以針對不同的螢幕大小(手機、平板或電腦),設定不同的值呢!
價格:免費喔!(但是,官方有另外提供幾個付費升級的小插件)
如何使用呢?
- 先到外掛>安裝外掛,搜尋 Styler for WPForms,安裝並且啟用它。
- 到外觀> 自訂> Styler for WPForms:
這會帶你打開外觀自訂器,右手邊是預覽視窗,建議點到有表單的頁面(例如:聯絡我們)。
- 在左手邊的選項中,先選擇 Select WPForm:
在下拉選單中,選擇你想要客製化哪一個表單,例如:聯絡我們。點選好後,點一下跳出的「確定」,再按「<」回到上一頁。
- 接下來就可以選擇任何你想修改的部分,來進行設定:
例如:Text Fields (文字欄位)、Field Labels (欄位標籤)、DropDown Fields (下拉選單欄位)、Submit Button (提交按鈕)等等…
希望這個外掛對大家有幫助囉!快安裝來玩玩看吧!❤️
p.s. WPForms 是一個很視覺化的線上表單製作外掛,網站帶路姬在五天自學衝刺班裡有影片教學喔,下面有三個系列的教學,表單製作都在第五天的課程裡喔!
如果你覺得教學好零散,不知從何開始…
網路上的教學,因為篇幅有限、每個作者的寫作風格與邏輯都不同,常常讓大家到處找來找去,搞得一頭霧水… 而且很多都標榜20分鐘就能做好一個網站… 那種教學其實很不完整… 頭洗一半,還找不到地方繼續…
其實,最好的方法,應該是找一系列為新手統整過的教學影片,才能幫助你用最短的時間學習完整的基礎,做出第一個 WordPress 網站。
1 留言
趕緊來試試看~:D