表單使您能夠從網(wǎng)站訪問者那里收集信息。愛掏網(wǎng) - it200.com無論是注冊(cè)帳戶、登錄您的網(wǎng)站、向您提供有關(guān)產(chǎn)品的反饋、與您聯(lián)系還是訂閱新聞通訊,您都可以通過表單收集數(shù)據(jù)。愛掏網(wǎng) - it200.com
使用 WordPress,可以非常輕松地將表單集成到您的網(wǎng)站中。愛掏網(wǎng) - it200.com大多數(shù)主題都會(huì)立即為您提供常用表單,例如登錄、注冊(cè)和聯(lián)系表單。愛掏網(wǎng) - it200.com
但問題是您可能不喜歡默認(rèn)包含的內(nèi)容。愛掏網(wǎng) - it200.com也許您想要一個(gè)能夠更好地融入您的整體主題或收集其他數(shù)據(jù)的工具。愛掏網(wǎng) - it200.com
在本文中,我將向您展示如何創(chuàng)建與您的主題設(shè)計(jì)和配色方案相匹配的美觀表單,而無需編寫任何 HTML 或 CSS 代碼。愛掏網(wǎng) - it200.com
安裝 WordPress 會(huì)員表單插件
您可以使用數(shù)十個(gè)免費(fèi)和付費(fèi)插件來創(chuàng)建自定義表單。愛掏網(wǎng) - it200.com在此示例中,我們將使用名為 Ultimate Member 的免費(fèi)插件。愛掏網(wǎng) - it200.com
這個(gè)插件最好的一點(diǎn)是它可以為您創(chuàng)建一切——表單、頁(yè)面、電子郵件通訊等等。愛掏網(wǎng) - it200.com它還具有超級(jí)可定制的表單生成器,提供大量字段類型(例如日期選擇器和文件上傳),以及數(shù)千個(gè)可以包含在表單中以使其引人注目的圖標(biāo)。愛掏網(wǎng) - it200.com
在我們開始之前,您需要先安裝該插件。愛掏網(wǎng) - it200.com為此,請(qǐng)按照下列步驟操作:
- 登錄您的 WordPress 管理信息中心。愛掏網(wǎng) - it200.com
- 導(dǎo)航至插件 > 添加新插件
- 使用搜索欄搜索“終極會(huì)員”
- 安裝并激活插件(下圖中突出顯示的選項(xiàng))
安裝完成后,您將在信息中心找到終極會(huì)員標(biāo)簽。愛掏網(wǎng) - it200.com導(dǎo)航至終極會(huì)員 > 設(shè)置以查看所有選項(xiàng)。愛掏網(wǎng) - it200.com
自定義頁(yè)面和新聞通訊
正如我在本文開頭提到的,Ultimate Member 插件可幫助您創(chuàng)建網(wǎng)站中通常需要的不同類型的頁(yè)面。愛掏網(wǎng) - it200.com
您還可以在網(wǎng)站中添加時(shí)事通訊注冊(cè)提示,并根據(jù)您的喜好自定義歡迎電子郵件(帳戶激活電子郵件)。愛掏網(wǎng) - it200.com
您可以從外觀選項(xiàng)卡自定義各種頁(yè)面和表單。愛掏網(wǎng) - it200.com現(xiàn)在,讓我們看看如何在您的網(wǎng)站中創(chuàng)建表單。愛掏網(wǎng) - it200.com
創(chuàng)建表單
導(dǎo)航至 WordPress 儀表板中的Ultimate Members > Forms。愛掏網(wǎng) - it200.com您應(yīng)該在那里找到默認(rèn)的登錄、注冊(cè)、 和個(gè)人資料表單。愛掏網(wǎng) - it200.com
您可以編輯這些表單之一或從頭開始創(chuàng)建一個(gè)新表單。愛掏網(wǎng) - it200.com點(diǎn)擊任意表單上的編輯,即可進(jìn)入表單生成器。愛掏網(wǎng) - it200.com
這里有用戶名、名字、姓氏、電子郵件地址和密碼字段。愛掏網(wǎng) - it200.com前四個(gè)都是文本框,而密碼是密碼類型的字段,類似于文本字段,但具有屏蔽輸入。愛掏網(wǎng) - it200.com
您可以添加新字段或自定義現(xiàn)有字段。愛掏網(wǎng) - it200.com要自定義現(xiàn)有字段,只需單擊字段名稱旁邊的鉛筆圖標(biāo),就會(huì)出現(xiàn)包含字段詳細(xì)信息的模式。愛掏網(wǎng) - it200.com
在這里您可以看到一堆輸入自定義選項(xiàng)。愛掏網(wǎng) - it200.com您可以將鼠標(biāo)懸停在每個(gè)選項(xiàng)上方的問號(hào)圖標(biāo)上來獲取有關(guān)每個(gè)選項(xiàng)的更多信息。愛掏網(wǎng) - it200.com這將顯示一個(gè)工具提示。愛掏網(wǎng) - it200.com
要添加新字段,請(qǐng)單擊其他字段下方的 + 圖標(biāo)以打開字段管理器。愛掏網(wǎng) - it200.com
使用該輸入選擇與您想要收集的內(nèi)容相匹配的類型。愛掏網(wǎng) - it200.com您還可以選擇下面的自定義字段(如果您之前創(chuàng)建過)。愛掏網(wǎng) - it200.com
選擇字段后,將顯示一個(gè)新的模式,您可以在其中提供有關(guān)輸入的詳細(xì)信息(標(biāo)題、占位符等)并添加圖標(biāo)。愛掏網(wǎng) - it200.com完成后,點(diǎn)擊添加按鈕將該字段添加到您的表單中。愛掏網(wǎng) - it200.com
要查看表單的外觀,請(qǐng)點(diǎn)擊表單構(gòu)建器頂部的實(shí)時(shí)預(yù)覽按鈕。愛掏網(wǎng) - it200.com
您還可以添加邊距、填充、邊框顏色和邊框單選等內(nèi)容。愛掏網(wǎng) - it200.com您甚至可以使用行編輯器將 CSS 類鏈接到每個(gè)輸入(單擊實(shí)時(shí)預(yù)覽下方的鉛筆圖標(biāo))。愛掏網(wǎng) - it200.com
使用這些工具,您可以輕松創(chuàng)建吸引人的表單,并使它們與您的整體主題設(shè)計(jì)融為一體。愛掏網(wǎng) - it200.com
結(jié)論
雖然還有許多其他插件可用于創(chuàng)建表單,但 Ultimate Member 絕對(duì)是功能最豐富的插件之一。愛掏網(wǎng) - it200.com更不用說它是免費(fèi)的!
以上就是在 WordPress 中創(chuàng)建自定義表單:分步指南的詳細(xì)內(nèi)容,更多請(qǐng)關(guān)注愛掏網(wǎng) - it200.com其它相關(guān)文章!