如何在 WordPress 中創(chuàng)建 Web 目錄（逐步）

時(shí)間：2023-07-18 20:42:01 | 來(lái)源：網(wǎng)站運(yùn)營(yíng)

時(shí)間：2023-07-18 20:42:01 來(lái)源：網(wǎng)站運(yùn)營(yíng)

如何在 WordPress 中創(chuàng)建 Web 目錄（逐步）：您想在 WordPress 中創(chuàng)建一個(gè) Web 目錄嗎？

Web 目錄允許您從訪問(wèn)您網(wǎng)站的人提交的內(nèi)容中賺錢。

在本文中，我們將向您展示如何在 WordPress 中創(chuàng)建網(wǎng)絡(luò)目錄，甚至如何接受發(fā)布高級(jí)網(wǎng)絡(luò)列表的付款。

為什么要在 WordPress 中創(chuàng)建 Web 目錄？

網(wǎng)絡(luò)目錄就像列出企業(yè)或個(gè)人的目錄。

您可以找到他們的位置、公司電子郵件地址和他們提供的服務(wù)等信息。

Yellow Pages、Angi 和 Yelp 都是幫助人們找到地點(diǎn)或服務(wù)的流行 Web 目錄的示例。

為了幫助訪問(wèn)者找到他們正在尋找的內(nèi)容，這些流行的目錄通常使用主題、類別和標(biāo)簽、興趣和其他特征來(lái)劃分他們的內(nèi)容，如下圖所示。

Web 目錄是一種流行的在線商業(yè)理念，也是從用戶生成的內(nèi)容在線賺錢的好方法。

通常，您會(huì)找到向您展示如何使用 Web 目錄主題創(chuàng)建目錄的教程。但是，這會(huì)將您永遠(yuǎn)鎖定在主題中。相反，我們建議安裝一個(gè) Web 目錄插件，您可以將其與您想要的任何WordPress 主題一起使用。

考慮到這一點(diǎn)，讓我們來(lái)看看如何在 WordPress 中創(chuàng)建 Web 目錄。只需使用下面的快速鏈接直接跳轉(zhuǎn)到您要使用的方法。

• 方法 1：創(chuàng)建具有強(qiáng)大表單的 WordPress 目錄
• 方法 2：使用 Business Directory 插件

方法 1：創(chuàng)建具有強(qiáng)大表單的 WordPress 目錄

創(chuàng)建企業(yè)目錄的最簡(jiǎn)單方法是使用Formidable Forms。

它是市場(chǎng)上最先進(jìn)的 WordPress 表單生成器插件，可幫助您創(chuàng)建許多不同的表單，包括調(diào)查、付款表單、預(yù)訂表單等。

Formidable Forms 還具有強(qiáng)大的“視覺(jué)視圖”功能，您可以使用該功能在您的網(wǎng)站上顯示用戶提交的數(shù)據(jù)。使用此功能，您可以輕松創(chuàng)建目錄、房地產(chǎn)列表、工作板、活動(dòng)日歷等。

考慮到這一點(diǎn)，讓我們使用 Formidable Forms 插件創(chuàng)建一個(gè)企業(yè)目錄。

1. 創(chuàng)建一個(gè)表單來(lái)為您的目錄收集數(shù)據(jù)

您需要做的第一件事是安裝并激活Formidable Forms插件。有關(guān)詳細(xì)說(shuō)明，請(qǐng)參閱我們關(guān)于如何安裝 WordPress 插件的指南。

激活后，您需要安裝Formidable Forms Lite。這個(gè)免費(fèi)插件為高級(jí)插件的更高級(jí)功能提供了核心基礎(chǔ)。

完成后，轉(zhuǎn)到Formidable Forms ? Global Settings頁(yè)面并選擇“單擊以手動(dòng)輸入許可證密鑰”。

您可以在 Formidable Forms 網(wǎng)站上的帳戶下找到許可證密鑰。

輸入此信息后，繼續(xù)并單擊“保存許可證”按鈕。

許多網(wǎng)站所有者向訪問(wèn)者收取提交列表的費(fèi)用。如果您想創(chuàng)建一個(gè)高級(jí)網(wǎng)絡(luò)目錄并接受信用卡付款，那么您需要安裝一個(gè)插件并設(shè)置一個(gè)支付網(wǎng)關(guān)。

Formidable Forms 可以通過(guò) PayPal、Stripe 或 http://Authorize.net 收款。

在本指南中，我們將向您展示如何使用 PayPal 接受付款，但其他支付網(wǎng)關(guān)的步驟類似。

在您的 WordPress 儀表板中，轉(zhuǎn)到Formidable ? Add-Ons。在“PayPal Standard”部分，點(diǎn)擊“安裝”。

在本指南的后面，我們將使用“視覺(jué)視圖”來(lái)顯示訪問(wèn)者在我們的表單中輸入的所有信息。

考慮到這一點(diǎn)，找到“Visual Views”插件并單擊其“安裝”按鈕，因?yàn)槲覀兩院髸?huì)需要這個(gè)插件。

完成后，前往Formidable ? Global Settings。

然后，在左側(cè)菜單中選擇“PayPal”。

在此屏幕上，輸入鏈接到您的 PayPal 帳戶的電子郵件地址。您還可以更改訪問(wèn)者完成付款或取消訂單后加載的貨幣和 URL。

輸入此信息后，單擊“更新”按鈕以保存您的更改。

現(xiàn)在您已準(zhǔn)備好通過(guò)前往Formidable ? Forms頁(yè)面創(chuàng)建表單。

在這里，點(diǎn)擊“新增”。

這將顯示您可以使用的所有表單模板的列表。

在本指南中，我們將創(chuàng)建一個(gè)房地產(chǎn)目錄，因此請(qǐng)單擊“房地產(chǎn)”類別。

您現(xiàn)在可以看到該類別中的所有不同模板，包括多個(gè)抵押計(jì)算器模板。

要預(yù)覽模板，只需將鼠標(biāo)懸停在模板上，然后單擊看起來(lái)像一只眼睛的小圖標(biāo)。

要使用模板，只需將鼠標(biāo)懸停在模板上，然后單擊“+”圖標(biāo)。

完成后，在“表單名稱”字段中鍵入標(biāo)題并輸入可選描述。此信息僅供您參考，因此您可以隨意使用。

然后，單擊“創(chuàng)建”按鈕。

這將在 Formidable Forms 編輯器中打開模板。

從這里，您只需指向并單擊即可自定義表單中的任何字段。例如，您可以單擊“Brief Blurb”字段，然后在“字段標(biāo)簽”中鍵入一些新文本。

您還可以通過(guò)選擇左側(cè)菜單中的“添加字段”來(lái)添加更多字段。

然后，將任何字段拖到表單布局上。例如，您可能想要添加一個(gè)字段，訪問(wèn)者可以在其中輸入他們的姓名。

要繼續(xù)自定義模板，只需重復(fù)這些步驟即可。

如果您對(duì)表單的設(shè)置感到滿意，請(qǐng)單擊屏幕右上角的“更新”按鈕。

如果您想收款，則需要在表單中添加一個(gè)操作。為此，請(qǐng)單擊“設(shè)置”選項(xiàng)卡，然后選擇“操作和通知”。

之后，單擊“PayPal”將操作添加到您的表單中。

接下來(lái)，滾動(dòng)到“PayPal”部分。

我們想向訪問(wèn)者收取創(chuàng)建新列表的固定費(fèi)用，因此請(qǐng)點(diǎn)擊“設(shè)置金額”。

您現(xiàn)在可以輸入要收取的費(fèi)用。

您還可以使用“付款類型”下拉菜單選擇是一次性付款、捐贈(zèng)還是定期付款。

如果您選擇“訂閱”，那么您可以使用控件來(lái)指定向此人收費(fèi)的頻率。

通過(guò)這種方式，您可以長(zhǎng)期從您的列表中賺錢。您還可以為客戶提供免費(fèi)試用。

完成配置 PayPal 后，請(qǐng)不要忘記單擊“更新”以保存您的更改?，F(xiàn)在，訪問(wèn)者需要先付款才能提交表格。

2. 在 WordPress 中發(fā)布您的表單

當(dāng)您對(duì)表單感到滿意時(shí)，就可以通過(guò)將其添加到任何帖子或頁(yè)面來(lái)將其發(fā)布到您的網(wǎng)站上。

我們將通過(guò)前往WordPress 儀表板中的頁(yè)面 ? 添加新頁(yè)面來(lái)將表單添加到新頁(yè)面。您現(xiàn)在可以為該頁(yè)面命名，上傳特色圖片，并添加您想要在該頁(yè)面上顯示的任何其他內(nèi)容。

之后，單擊“+”圖標(biāo)并輸入“Formidable Forms”。

當(dāng)出現(xiàn)正確的塊時(shí)，單擊它以將其添加到頁(yè)面。

接下來(lái)，只需打開“選擇表格”下拉菜單并選擇房地產(chǎn)列表表格。

然后 Formidable Forms 會(huì)將表單添加到帖子中，并在塊編輯器中顯示預(yù)覽。

當(dāng)您準(zhǔn)備好使表單生效時(shí)，請(qǐng)繼續(xù)并發(fā)布頁(yè)面。

之后，最好將該頁(yè)面添加到您的WordPress 導(dǎo)航菜單中，以便人們可以輕松找到它。您可能還想向您的電子郵件列表發(fā)送一條消息，以便您的聽眾知道他們現(xiàn)在可以向您的網(wǎng)站提交列表。

3. 構(gòu)建具有強(qiáng)大視圖的 Web 目錄

接下來(lái)，您需要?jiǎng)?chuàng)建一個(gè) Web 目錄，以便用戶提交的內(nèi)容出現(xiàn)在您的WordPress 網(wǎng)站上。

您可以使用視覺(jué)視圖功能執(zhí)行此操作，因此請(qǐng)轉(zhuǎn)到Formidable ? Views，然后單擊“Add New”。

彈出窗口現(xiàn)在將顯示可用于目錄的不同布局。

只需單擊“經(jīng)典”，因?yàn)檫@允許您從頭開始創(chuàng)建新布局。

在下一個(gè)屏幕上，打開“使用表單中的條目”下拉菜單并選擇我們之前創(chuàng)建的房地產(chǎn)表單。

強(qiáng)大的表單將根據(jù)您用作數(shù)據(jù)源的表單為您的視圖命名。但是，您可以根據(jù)需要更改此設(shè)置。

如果您對(duì)輸入的信息感到滿意，請(qǐng)單擊“創(chuàng)建視圖”。

您現(xiàn)在可以輸入要顯示在列表上方和下方的任何信息。例如，您可能想在頁(yè)面底部添加您的聯(lián)系信息或輸入簡(jiǎn)短的介紹。

為此，只需單擊“在內(nèi)容之前添加”或“在內(nèi)容之后添加”。

這將打開一個(gè)彈出窗口，您可以在其中輸入要顯示在列表上方或下方的任何文本。

在右側(cè)，還有一些您可以使用的參數(shù)。Formidable Forms 會(huì)將這些參數(shù)替換為您網(wǎng)站上的實(shí)際值。例如，它將替換[siteurl]為您網(wǎng)站的 URL。

當(dāng)您對(duì)輸入的信息感到滿意時(shí)，單擊“更新視圖”以保存您的更改并返回主視圖編輯器屏幕。

完成后，您就可以為目錄頁(yè)面上的不同列表創(chuàng)建布局。要開始，請(qǐng)單擊中間的“+”圖標(biāo)。

您現(xiàn)在可以在主文本編輯器中鍵入文本，并在左側(cè)菜單中選擇不同的參數(shù)。

在下圖中，我們正在創(chuàng)建一個(gè)簡(jiǎn)單的布局，顯示每個(gè)屬性的簡(jiǎn)短介紹，然后是列表的價(jià)格和類型。

最后，我們將展示完整的描述。

在下圖中，您可以看到這個(gè)簡(jiǎn)單布局在您的 WordPress 網(wǎng)站上的外觀示例。

要擴(kuò)展這個(gè)非常簡(jiǎn)單的布局，只需按照上述相同過(guò)程繼續(xù)添加更多參數(shù)和純文本即可。

您很可能想要展示每處房產(chǎn)的照片。為此，請(qǐng)繼續(xù)并單擊“自定義”框的“高級(jí)”選項(xiàng)卡。

然后，單擊“顯示圖像”，它會(huì)顯示訪問(wèn)者提交的所有圖像。

在處理布局時(shí)，您可以通過(guò)單擊“更新視圖”來(lái)預(yù)覽訪問(wèn)者的外觀。

這會(huì)將您帶回主編輯器，其中會(huì)顯示您正在創(chuàng)建的布局的預(yù)覽。

當(dāng)您對(duì)目錄的外觀感到滿意時(shí)，您可以使用左側(cè)菜單中“查看名稱”下的簡(jiǎn)碼將其添加到任何頁(yè)面或帖子。只需找到此代碼，然后單擊其“復(fù)制”按鈕即可。

有關(guān)如何放置簡(jiǎn)碼的更多詳細(xì)信息，您可以查看我們的指南，了解如何在 WordPress 中添加簡(jiǎn)碼。

完成后，只需訪問(wèn)該頁(yè)面或發(fā)布即可查看完成的 Web 目錄。

方法 2：使用 Business Directory 插件

第二種方法使用Business Directory插件。這個(gè)免費(fèi)插件擁有創(chuàng)建簡(jiǎn)單企業(yè)目錄所需的一切，但您需要升級(jí)才能訪問(wèn)更高級(jí)的功能。

首先，您需要安裝并激活插件。如果您需要幫助，請(qǐng)參閱我們關(guān)于如何安裝 WordPress 插件的指南。

激活插件后，轉(zhuǎn)到Directories ? Settings。您現(xiàn)在將看到一個(gè)彈出窗口，詢問(wèn)您創(chuàng)建新頁(yè)面的權(quán)限。

Business Directory 插件需要此??頁(yè)面才能正常工作，因此請(qǐng)繼續(xù)并單擊“為我創(chuàng)建所需頁(yè)面”。

該插件現(xiàn)在將創(chuàng)建一個(gè)名為“商業(yè)目錄”的新分頁(yè)。

默認(rèn)情況下，此頁(yè)面具有訪問(wèn)者查看您的不同列表并提交他們自己的列表所需的所有控件。

首先，最好通過(guò)轉(zhuǎn)到目錄 ? 設(shè)置來(lái)檢查插件的設(shè)置。

在這里，您會(huì)發(fā)現(xiàn)不同的部分：

• 房源
• 電子郵件
• 支付
• 外貌。

我們建議選擇每個(gè)選項(xiàng)卡，然后查看設(shè)置，看看您是否需要進(jìn)行任何更改。

例如，在“列表”中，您可以更改插件在每個(gè)頁(yè)面上顯示的列表數(shù)量。

完成后，不要忘記單擊“保存更改”以存儲(chǔ)您的設(shè)置。

商業(yè)目錄有一個(gè)標(biāo)準(zhǔn)的形式，可以向訪問(wèn)者顯示。您可以通過(guò)轉(zhuǎn)到Directory ? Directory Content自定義該表單。

在左側(cè)菜單中，單擊“表單字段”。

此屏幕顯示構(gòu)成標(biāo)準(zhǔn)表單的所有字段。

要更改字段在表單中的顯示位置，只需單擊“訂單”列中的向上和向下小箭頭即可。

要?jiǎng)h除字段，請(qǐng)將鼠標(biāo)懸停在它上面，然后在出現(xiàn)時(shí)單擊“刪除”鏈接。

最后，如果您想對(duì)特定字段進(jìn)行一些更改，請(qǐng)將鼠標(biāo)懸停在該字段上，然后單擊“編輯”鏈接。

這將打開一個(gè)頁(yè)面，您可以在其中更改字段標(biāo)簽、將字段標(biāo)記為必填、添加可選說(shuō)明等。

完成后，請(qǐng)不要忘記單擊“更新字段”按鈕以保存更改。

接下來(lái)，最好創(chuàng)建一些人們?cè)谔峤涣斜頃r(shí)可以使用的類別。這些類別還將幫助訪問(wèn)者瀏覽您的目錄并找到他們正在尋找的內(nèi)容。

默認(rèn)情況下，此插件只有一個(gè)“常規(guī)”類別，但您可以通過(guò)單擊“類別”選項(xiàng)卡添加更多類別。然后，繼續(xù)并選擇“添加新類別”。

在出現(xiàn)的彈出窗口中，輸入類別的名稱。

您還可以將類別組織成父子關(guān)系，類似于WordPress 中的子頁(yè)面。要將類別轉(zhuǎn)換為子類別，只需打開“父類別”下拉菜單并選擇一個(gè)父類別。

要?jiǎng)?chuàng)建類別，請(qǐng)繼續(xù)并單擊“添加新類別”。

您可以通過(guò)重復(fù)上述相同過(guò)程向您的企業(yè)目錄添加更多類別。

現(xiàn)在，訪問(wèn)者可以通過(guò)轉(zhuǎn)到您的企業(yè)目錄頁(yè)面并單擊“添加列表”按鈕來(lái)創(chuàng)建新的列表。

這會(huì)將他們帶到一個(gè)屏幕，他們可以在其中輸入列表的所有信息。

然后，他們只需單擊頁(yè)面底部的“完成列表”按鈕即可提交列表。

每次訪問(wèn)者以這種方式提交列表時(shí)，您都需要手動(dòng)批準(zhǔn)它。為此，請(qǐng)轉(zhuǎn)到WordPress 儀表板中的目錄 ? 目錄內(nèi)容。

您現(xiàn)在將看到待處理清單的列表。

要仔細(xì)查看列表，只需將鼠標(biāo)懸停在它上面，然后在它出現(xiàn)時(shí)單擊“預(yù)覽”鏈接。

這將在新選項(xiàng)卡中打開列表。

要對(duì)列表進(jìn)行任何更改，請(qǐng)?jiān)俅螌⑹髽?biāo)懸停在列表上，但這次單擊“編輯”。

您現(xiàn)在可以進(jìn)行任何您想要的更改。如果您對(duì)它的外觀感到滿意，請(qǐng)單擊“發(fā)布”按鈕。

作為 WordPress 管理員，您還可以在儀表板中創(chuàng)建列表。例如，您可能想為您的合作伙伴創(chuàng)建列表，這樣他們就不必自己做這項(xiàng)工作。

要?jiǎng)?chuàng)建列表，請(qǐng)轉(zhuǎn)到目錄 ? 目錄內(nèi)容，然后單擊“添加新列表”。

這將打開一個(gè)屏幕，您可以在其中輸入所有信息。

完成后，單擊“發(fā)布”以使列表生效。

接受目錄列表的付款

商業(yè)目錄插件允許您接受發(fā)布列表的付款。默認(rèn)情況下，該插件僅支持 http://Authorize.net 支付網(wǎng)關(guān)，但您可以通過(guò)購(gòu)買單獨(dú)的插件來(lái)添加其他網(wǎng)關(guān)。

要設(shè)置 http://Authorize.net，請(qǐng)轉(zhuǎn)到目錄 ? 設(shè)置，然后單擊“付款”選項(xiàng)卡。

然后您可以繼續(xù)并選擇“Authorize.net”。在這里，單擊“啟用 Authorize.net”開關(guān)，使其變?yōu)榛顒?dòng)狀態(tài)。

這會(huì)添加一些新設(shè)置，您可以在其中輸入您的 http://Authorize.net 帳戶的登錄 ID 和交易密鑰。

完成后，單擊“常規(guī)設(shè)置”選項(xiàng)卡。

如果您還沒(méi)有準(zhǔn)備好開始接受付款，請(qǐng)確保啟用“將支付網(wǎng)關(guān)置于測(cè)試模式？”

默認(rèn)情況下，該插件接受美元付款，但您可以使用“貨幣”下拉菜單選擇不同的貨幣。

您還可以輸入不同的感謝信息，用戶在向您付款時(shí)會(huì)看到這些信息。

當(dāng)您完成支付設(shè)置配置后，請(qǐng)不要忘記點(diǎn)擊“保存更改”來(lái)存儲(chǔ)您的設(shè)置。

在接受付款之前，您還需要至少創(chuàng)建一個(gè)付款計(jì)劃。要開始，請(qǐng)單擊左側(cè)菜單中的“計(jì)劃”。

該插件附帶一個(gè)免費(fèi)計(jì)劃和一個(gè)默認(rèn)計(jì)劃，即 365 天 1.00 美元。

要更改任何一個(gè)計(jì)劃，只需將鼠標(biāo)懸停在它上面，然后單擊“編輯”鏈接。

這會(huì)將您帶到一個(gè)屏幕，您可以在其中對(duì)計(jì)劃進(jìn)行各種更改。

這包括更改價(jià)格，甚至為特定類別創(chuàng)建不同的價(jià)格。

當(dāng)您對(duì)所做的更改感到滿意時(shí)，請(qǐng)不要忘記單擊“保存更改”按鈕以使您的計(jì)劃生效。