繼續分享wordpress建站教程。之前的一個wordpress外貿建站項目中需要制作一個比較復雜的詢盤表單,表單的的內容有點長,需要給每部分添加一個說明標簽。
如上圖所示這樣。其實這個樣式實現起來還是比較簡單的,那兩個說明標簽是使用表格的HTML模塊制作的,接下來分享方法。
大家可以網上找找喜歡的HTML標簽樣式,其實就是HTML代碼,任何樣式都可以,你甚至可以添加圖片、視頻。大家也可以直接用我提供的這個,里面的數值可以修改,【INQUIRY】可以修改為任何文字。
<SPAN class="wp-block-button-s" style="color:#fff;background-color:#0188CC;border-color:#17a2b800;padding:8px;font-size:1.125em">INQUIRY</SPAN><hr style="border-top:2px solid #0188cc"/>
大多數表單插件都支持HTML表單模塊,Elementor pro(內置表單)、wpforms(付費版)、Fluent Forms、Ninja Forms等都可以支持。這里我就以Elementor pro來演示。
在Elementor編輯器中添加一個Form表單,然后在表單設置中添加一個字段,Type類型選擇HTML,然后把上面的代碼粘貼進去就可以了,需要多少個標簽就添加多少個HTML字段,然后編輯好表單保存即可。
? Copyright 2024. 悅然網絡工作室/悅然wordpress建站 專注中小企業wordpress建站 All Rights Reserved.網站地圖
本站圖片來源為Pexels、Pixabay、Freepik、Unsplash等圖片庫的免費許可,CC0協議;還有部分為自己手繪,版權碰瓷請自重!法律服務:law@yueranseo.com 蜀ICP備20016391號-1 川公網安備 51011502000367號
?
?
?
?
微信聯系