如何在WordPress中创建Web目录（逐步）

2020-04-28
WordPress

您是否要创建业务网站目录？Web目录是一种流行的在线商业理念，它使您可以利用用户生成的内容来通过网站获利。

Angie的列表，一个受欢迎的Web目录，可帮助房主找到可靠的承包商和服务提供商。他们的身价超过90亿美元。

无论您是想创建一个利基网站目录以在线赚钱，还是寻找合作伙伴目录以列出您的供应商，都可以在WordPress中轻松实现。

在本文中，我们将展示如何轻松地在WordPress中创建Web目录。我们将介绍如何接受您的高级Web目录列表的付款。

什么是Web目录？

网络目录就像一个目录，其中列出了企业或个人以及诸如联系信息，服务，功能等详细信息。

Web目录允许用户浏览链接的目录，这些链接分为主题，类别和兴趣区域。Web目录的一个完美示例是黄页或Angie’s List。

它们最常用于帮助人们找到他们想要的地方或服务。

另一个网络目录示例是Yelp，它使人们可以找到很棒的当地企业，例如餐馆，牙医，美容院，医生等。

尽管有多个WordPress的Web目录主题可让您创建Web目录，但我们不建议您使用它们，因为您将永远陷入主题。

这就是为什么我们仅向您显示插件方法的原因，因此您可以将其与所需的任何主题设计一起使用。

话虽如此，让我们看一下如何在WordPress中创建Web目录。

方法1：创建具有强大形式的WordPress目录

强大的表单是市场上最先进的WordPress表单构建器插件。它可以帮助您为WordPress网站创建简单的联系表单以及调查，付款表单，注册表单等高级表单。

该插件具有称为“视图”的专有功能，该功能可让您显示通过网站前端的表单提交的任何数据。使用此功能，您可以轻松创建目录，不动产清单，作业板，事件日历等。

让我们使用“强大的表单”插件创建一个业务目录。

1.创建一个表单以收集目录数据

您需要做的第一件事是安装并激活Formidable Forms插件。有关详细说明，请参阅有关如何安装WordPress插件的指南。

安装并激活插件后，转到“ 强大»表单”，然后单击“添加新”按钮。

现在，您可以选择创建表单的方式。您可以以空白表格，模板开始，也可以从XML文件导入模板。

我们将选择模板方法，因为它是制作高级表格的最快方法。强大的表单提供了20多种现成的预制表单模板。

例如，我们将选择“房地产清单”来创建房地产目录。点击“创建表格”开始。

您将看到一个弹出框，要求您输入表单名称和描述。

之后，它将加载预建的房地产提交表格。

您可以使用简单的拖放界面查看和自定义表单。完成后，单击“更新”按钮。

如果要创建带有付费列表的高级Web目录，则需要将表单与付款网关连接。

强大允许您使用PayPal，Stripe和Authorize.net收集付款。

在此示例中，我们将展示如何集成PayPal以接受付款。从信息中心转到“ 强大”»附加组件，然后安装“ PayPal Standard”附加组件。

安装并激活插件后，访问“ 强大”»“全局设置”，然后单击“贝宝”选项。更新您的PayPal电子邮件地址和其他设置。

之后，再次打开您各自的表单编辑器，然后单击顶部的“设置”选项。

接下来，点击“表单操作”标签，然后选择贝宝图标以添加新的操作。

现在，您需要配置PayPal设置。添加付款金额，选择付款类型（一次性付款，捐赠或订阅），选择货币，然后添加返回URL和取消URL。

完成后，别忘了更新表单。

现在已经集成了付款选项，您的用户将需要先付款，然后才能通过您的表单提交房地产。

2.在WordPress中发布表单

构建表单后的下一步是将其发布在您的网站上，以便用户可以使用它提交其业务详细信息。

从仪表板访问页面»添加新内容以创建新页面。之后，为页面命名，然后将“强大表单”小部件添加到编辑器中。

接下来，选择您的表单。

之后，它将预先构建的房地产提交表单加载到页面编辑器中。

您还可以在页面上添加一些有用的内容。完成后，继续并发布您的页面。

现在，您可以将提交表单页面添加到WordPress导航菜单中，或将电子邮件活动发送到您的电子邮件列表以获取更多表单提交。

通过表单收集数据的过程可能需要一些时间，因此最好在开始之前制定计划。或者，您也可以从仪表板手动创建条目或从CSV文件导入。

3.使用强大的视图构建Web目录

收集了大量信息后，可以使用“强大视图”创建Web目录。

从仪表板导航至“ 强大»视图”，然后单击“添加新”按钮。

之后，输入视图的标题，然后选择包含要显示的数据的表单。

接下来，您应该选择视图格式。您可以显示列表中的所有条目，单个条目，列出带有单个条目页面链接的条目或将条目插入日历。

对于本教程，我们将选择“两者（动态）–列出将链接到单个条目页面的条目”选项。

如果要在Web目录中添加搜索栏，请在“内容之前”框中添加以下简短代码。

1个[frm-search]

之后，您需要以以下格式将内容添加到目录列表中。

1个2345678<div class=”listing_info”> <a href=”[detaillink]”><img src=”[home-image size=thumbnail]”alt=””/></a></div> <div class=”listing_list”><strong><a href=”[detaillink]”>[MLS ID]</a></strong><strong>[address]</strong> <strong>$[listing-price]</strong> [blurb] [bedroom] Bedrooms | [bathroom] Bath |[sqft-living] sq. ft.</div> <div style=”clear:both;”></div>

在上面的代码中，您需要用表格中相应的字段ID /密钥替换家庭图像，MLS ID，地址，标价，标价，卧室，浴室和平方英尺生活。

您可以在页面右侧的“自定义”框中找到字段ID /键。

例如，如果我们要显示通过“主照片上传”字段上传的照片作为家庭图像，则需要用字段ID“ 63”替换“家庭图像”。

之后，将以下代码添加到Formidable»样式»自定义CSS中，以自定义Web目录的外观。

1个2.listing_info{float:left; width:235px; margin-right:10px;} .listings_list img{width:370px;float:right;}

完成后，您可以发布视图并进行预览。

之后，为Web目录创建一个新页面并将其添加到其中。

这是使用默认的“二十一十九”主题的房地产目录的外观。

您可以使用自定义CSS，拖放式WordPress页面构建器插件或CSS Hero之类的样式插件来进一步自定义和设置Formidable目录的样式。