如何使用 WordPress 建立目錄網站

已發表: 2022-01-27

有很多教程和插件可以幫助您使用 WordPress 構建目錄網站,以至於很難決定從哪裡開始。

這就是為什麼我們創建了這個關於使用 WordPress 構建目錄網站的分步指南。 它是由幫助數以千計的其他人構建自己的網絡開發人員編寫的。

我們旨在確保您可以盡可能簡單地添加目錄網站所需的所有功能。

在這篇博客中,我們使用了 Toolset Directory 來構建我們的網站。 查看我們對工具集的評論,了解有關插件的更多信息。

使用 WordPress 構建目錄網站的分步指南

以下是構建目錄網站的步驟,我們將在下面概述:

  • 確定您的目錄網站的利基市場
  • 如何通過您的目錄網站獲利
  • 選擇最好的 CMS
  • 獲取域名和託管
  • 選擇目錄主題
  • 選擇最好的插件
  • 創建特徵

在您開始構建功能之前,我們將在下面概述,下載您的免費 WordPress 測試目錄網站,您可以在其中練習添加閱讀的所有內容。

使用 WordPress 構建目錄網站

1.為您的目錄網站選擇利基

在您開始添加任何功能、選擇主題或虛擬主機之前,您需要確定您將在目錄網站上列出的確切內容。

這裡有幾點需要考慮:

您對列出什麼感興趣:

在進行任何研究之前,您首先需要確定您對銷售什麼感興趣。

意識到有一個列出待售寵物的目錄網站的市場是一回事,但是如果您不是動物愛好者並且缺乏人們願意購買什麼的基本知識怎麼辦?

當然,您可以花時間研究並成為專家,但這需要您的目錄網站可能沒有的時間。

更好的方法是列出您感興趣的領域,然後縮小範圍,直到找到具有市場並符合您興趣的利基市場。

有什麼需求:

既然您已經列出了您有興趣銷售的產品,您就可以開始準確地確定要銷售的產品了。

首先要做的是進行關鍵字研究並確定用戶在線搜索的內容。 最好的方法是使用關鍵字研究工具,例如 Google Keyword Planner 或 Ahrefs。

一旦您知道要使用哪種工具,您就可以開始研究可以在您的目錄網站上定位的最佳長尾關鍵字。 您將需要相當容易排名的搜索詞,但仍有很多人在搜索它們。

例如,假設經過一些研究,您決定在您的目錄網站上列出芝加哥的餐館。

搜索詞“芝加哥最好的披薩”每月搜索量約為 13,000 次,關鍵字難度較低——這意味著它很容易獲得高排名。

AHRefs 是目錄網站的絕佳工具

一旦您在同一主題上獲得了與此類似的長尾關鍵字列表,您就知道您的目錄網站類型有市場。

檢查您所在地區是否已有其他目錄網站

雖然您可能有一個可以定位的長尾關鍵字列表,但您仍然想研究競爭。

如果您的目標市場中已經有許多流行的目錄網站,則可能值得為您的目錄網站選擇另一個主題。

使用我們使用 Ahrefs 的“芝加哥最佳披薩”示例,我們可以看到哪些網站已經在搜索中排名靠前。

AHRefs 列表

您可以使用 Ahrefs 的排名系統來查看網站在搜索頂部的受歡迎程度。

2.如何通過您的網站獲利

既然您已經決定要構建哪種類型的目錄網站,那麼可以說是一個更重要的問題。 你將如何從中賺錢?

以下是三種最常見的方法:

1. 為廣告商出售空間

隨著人們開始經常使用您的目錄網站,您將能夠在那裡出售廣告空間。

確保您為客戶獲得最相關的廣告的最佳方法之一是 Google AdSense。 為了最大限度地提高您的收入,它將確定最佳廣告和最高收入。

2. 掛牌收費

當賣家意識到您的目錄網站是列出其產品的有效場所時,他們將更願意為有價值的廣告空間付費。

因此,您可以開始為用戶出售其商品的權利收費。

您可以提供許多激勵措施,使其成為更具吸引力的選擇:

  • 為免費列表創建到期日期——這將允許您為希望他們的列表無限期使用的高級用戶收費。
  • 對特色列表收費——讓賣家可以選擇付費以在搜索頂部查看他們的列表。
  • 允許會員列表——許多項目可能有用戶想要購買的互補產品。 例如,如果您銷售鞋子,那麼您的客戶可能想要購買鞋油。 如果人們從您的網站購買產品,您可以在其中獲得佣金的會員優惠。

3.創建會員

隨著您的流量增長並且您注意到穩定的忠實客戶流,您可以創建會員系統。

您的會員系統可以鼓勵用戶註冊以訪問您的列表的完整詳細信息,或者您也可以向客人隱藏高級列表。

既然您已經確定了您的目錄網站的利基以及如何通過它獲利,我們就可以開始構建網站了。

3.選擇CMS

有很多很棒的平台,但我們建議您使用 WordPress 構建您的目錄網站。

WordPress 具有令人難以置信的適應性,適用於每月訪問數百萬訪問者的網站流量較低的網站,例如 Colorlib。

WordPress 還有其他幾個優點:

  • 它是迄今為止最受歡迎的平台,約有三分之一的網站由 WordPress 提供支持。
  • 它擁有強大的社區——WordPress 擁有最大的開發人員、設計師和其他網站專家的開源社區之一。
  • 在 WordPress 上構建和運行網站比在 Drupal 上便宜得多。
  • WordPress 提供了數以千計的漂亮且響應迅速的主題可供選擇。
  • WordPress 還提供大量插件來增強您的網站。
  • 您可以創建目錄網站所需的幾乎所有功能,而無需複雜的 PHP 編碼。

4. 選擇可靠的虛擬主機

一個好的網絡主機很重要,尤其是當您的網站流量增長時,您的網絡基礎設施會更加緊張。

無論您選擇什麼網絡主機,都必須處理突然的流量高峰,保持可靠,以免您的網站出現任何問題,並能夠確保您的網站為您的客戶快速運行。

最好的網絡主機之一是 Bluehost,它擁有 15 年的 WordPress 經驗,提供免費的一年域名註冊和免費廣告信用以及其他福利。

Bluehost 是在 WordPress 上託管目錄網站的絕佳選擇

還有許多其他很棒的託管選項。 查看 Colorlib 的最佳網絡託管服務指南,看看哪一種符合您的要求。

5. 使用出色的目錄主題讓您的網站脫穎而出

現在您已經安裝了 WordPress 網站,您可以通過選擇目錄主題開始考慮它的外觀。

你會認為一個主題都是關於外觀的,但還有其他因素需要考慮。 以下是您的主題要求的快速列表:

  • 它是否支持最流行的插件?
  • 它多久更新一次?
  • 它支持搜索引擎優化嗎?
  • 多語言準備好了嗎?
  • 佈局對不同屏幕尺寸的響應如何?

查看 Colorlib 的最佳目錄 WordPress 主題列表以獲得靈感。

6.選擇插件來構建你的目錄網站

假設您需要多個插件來為像目錄網站這樣複雜的網站構建功能,您可能會被原諒,但實際上,我們只會使用一個。

Toolset Directory 提供了我們使用 WordPress 構建目錄網站所需的所有功能。 我使用工具集是因為:

  • 您不需要使用其他插件使您的網站超載。 您所需要的只是工具集目錄。
  • 無需任何復雜的 PHP 編碼即可添加這些功能。
  • 它適用於所有主題。
  • 它與目錄網站的其他重要插件兼容,例如 WooCommerce、WPML 和 Elementor。
  • 它會定期更新,不斷添加新功能。
目錄網站

7.創建目錄網站的功能

這些是我們在 WordPress 上構建目錄網站時將添加的功能:

  • 自定義帖子類型
  • 自定義字段
  • 自定義分類法
  • 顯示您的項目的模板
  • 搜索
  • 用戶提交列表的前端表單

我將向您展示我是如何為經典汽車創建網站目錄的。 如果您想查看它的外觀並嘗試自己添加功能,您可以通過下載免費的 WordPress 目錄測試站點來實現。

WordPress 上的目錄網站示例

1.如何創建自定義帖子類型

我們需要自定義帖子類型來為我們的目錄網站創建不同的部分。

WordPress 本身僅提供“帖子”和“頁面”。 當然,我們的列表、博客和“聯繫我們”等帖子需要更多部分。

以下是我創建“列表”自定義帖子類型的方式:

  1. 前往Toolset -> Post Types ,點擊Add New
  2. 命名您的自定義帖子類型。
使用 WordPress 的目錄網站的自定義帖子類型

3. 單擊保存帖子類型,您的自定義帖子類型已準備就緒。
4. 您現在將在側邊欄上看到一個新菜單,其中包含您的“列表”帖子類型。

目錄網站上的列表

2.如何創建自定義字段

自定義字段是我們希望每個帖子顯示的每條信息的值。

例如,您希望經典汽車的帖子顯示有關價格、里程、汽車製造商等信息。 以下是我添加這些自定義字段的方法:

  1. 前往Toolset -> Custom Fields並點擊Add New
  2. 選擇發布字段
在目錄網站上發布字段

3. 命名您的字段組。
4. 保存您的字段組並選擇您要使用字段的帖子。 就我而言,我選擇了列表選項。
5. 選擇添加新字段以添加您的每個字段。
6. 選擇您要添加的字段類型。 例如,我使用 Number 字段作為 Production Year 字段。

目錄網站的自定義字段

7. 您可以將其他設置添加到您的字段,無論您是想強制該字段、允許它的多個實例還是添加佔位符。

8. 添加完所有字段後,單擊保存字段組,您的自定義字段將添加到帖子編輯器中。

3.如何添加自定義分類法

自定義分類法是目錄網站的重要組成部分,因為它們允許您根據其功能拆分帖子。

例如,當用戶瀏覽您的網站時,他們可能會尋找特定的產品。 在經典汽車目錄網站上,他們可能想要一輛帶敞篷車頂的汽車。 您可以創建自定義分類法,以便用戶可以輕鬆找到所有具有此功能的汽車。

以下是您可以製作自定義分類法的方法。

  1. 前往Toolset -> Dashboard並在Taxonomies下單擊Add Custom Taxonomy
  2. 命名您的自定義分類。
  3. 分類類型部分下,您可以選擇是需要分層分類法還是平面分類法。 如果您想創建分類法的子類別,分層分類法非常有用。
  4. 選擇要為其分配分類的帖子類型。 我選擇了我的列表帖子類型。
目錄網站的分類法

5. 點擊保存分類

現在,當我編輯其中一個列表帖子時,我將看到一個新部分,我可以在其中添加我的分類法。

4.如何創建一個模板來展示你的內容

我們已經創建了自定義內容,但到目前為止,我們還沒有在前端顯示任何內容。

我們需要創建一個模板,以我們想要的結構自動顯示我們所有的自定義內容。

我使用工具集佈局來創建模板。 Toolset Layouts 基於 Bootstrap 網格,它以 12 列的行顯示您的頁面,您可以使用這些網格來設計頁面。

要創建將顯示我們的內容的部分,我們需要添加單元格。 我們將為此模板使用兩種類型的單元格:

  • 可視化編輯器 - 一個通用單元格,用於添加靜態文本並為自定義字段和自定義分類術語等動態內容插入短代碼。
  • 帖子內容——渲染帖子正文的內容。

下面是我如何使用這些單元格為我的目錄網站上的經典汽車製作模板。

  1. 前往工具集 -> 儀表板,然後單擊自定義帖子類型旁邊的創建模板。 您現在將被帶到工具集佈局。
  2. 選擇您希望每個單元格佔用多少列,然後選擇打開編輯器。
新版面

3. 選擇您想要的單元格。 對於此示例,我將選擇Visual editor
4. 單擊字段和視圖以查看要添加的簡碼列表。 對於此示例,我想添加我的自定義字段。 每個都有它的簡碼。 為了演示,我將添加自定義字段Production Year

字段和視圖簡碼

5. 點擊插入簡碼
6. 現在我們可以在編輯器單元格中看到簡碼。 我們可以添加將出現在前端的附加文本,以便用戶可以看到該字段的內容。 正如我在下面:

7. 添加字段和文本後,單擊應用,單元格將準備就緒。

這就是我的模板在後端的外觀。

這裡是前端:

5.如何創建自定義搜索

搜索工具是用戶找到他們想要的確切汽車的最簡單方法。

您可以添加多個過濾器、用於鍵入術語的搜索欄以及其他功能(例如 AJAX 更新),以便通過自定義搜索即時獲取實時結果。

首先要決定的是您希望搜索出現在哪裡。 下面我將我的添加到主頁。

第 1 步:創建搜索

  1. 轉到工具集 -> 佈局並創建一個新模板。
  2. 單擊以添加一個單元格,就像我們在創建之前的模板時所做的一樣,然後選擇查看單元格。
  3. 單擊插入單元格

4. 單擊將結果顯示為自定義搜索,然後單擊創建
5. 在內容選擇部分選擇您要搜索的帖子類型。
6. 在自定義搜索設置下,選擇您的搜索更新結果的方式。 在這裡,您會發現幾個不同的選項:

7. 在搜索和分頁下,您可以選擇要添加的過濾器,以方便用戶縮小搜索範圍。 單擊新建過濾器以打開選項。

8. 現在您可以添加過濾器了。 我使用Price自定義字段添加了Minimum priceMaximum price

9. 添加您的過濾器並添加任何其他文本,類似於我們在模板中向短代碼添加文本的方式。 這是我添加過濾器後的樣子。 請注意,我還添加了一些 HTML 和 CSS 用於樣式設置。

10. 單擊提交按鈕添加一個按鈕供用戶發送搜索。
11. 添加重置按鈕,以便用戶可以輸入刪除過濾器的新搜索。

我們的搜索現在已經為前端做好了準備。 但在完成之前,我們仍然需要設計結果的外觀。

第 2 步:設計結果的外觀

在我們創建搜索的同一頁面上,我們還可以決定結果的外觀。

在搜索和分頁部分,我們可以使用循環編輯器來設計輸出。

  1. 單擊循環嚮導並選擇您希望如何顯示循環。 我使用了帶有四列的Bootstrap 網格

2. 接下來,添加要與結果一起顯示的過濾器。 這是我為我的經典汽車目錄網站添加的內容。

3. 單擊完成,您現在將返回循環編輯器

4. 單擊保存視圖保存,您的搜索佈局現已準備就緒。

這是我的搜索現在在前端的樣子:

6.創建一個前端表單來提交listing

當您使用 WordPress 構建目錄網站時,前端表單是一個很好的補充,因為您的用戶可以在他們想要提交列表時簡單地填寫它們。 您不需要單獨設計每一個來顯示它。

下面是我如何為我的經典汽車目錄網站製作一個。 我使用 Toolset 的拖放表單編輯器創建了它。

  1. 轉到Toolset -> Post Forms並單擊Add New
  2. 您現在將看到表單嚮導。 單擊繼續
  3. 為您的表單命名,然後單擊Continue
  4. 填寫表單的設置,包括它所針對的帖子類型、帖子提交後的狀態以及帖子是否過期。 單擊繼續
  5. 您現在將看到 Toolset 的表單拖放編輯器。 選擇要在表單中顯示的字段。 您還可以根據希望每個帖子顯示的信息添加額外的元素。 單擊繼續
  6. 添加您希望在提交表單後立即發送的任何電子郵件通知。 例如,下面我添加了一封電子郵件,以便在用戶提交新列表後發送給他們,告訴他們它正在審核中。 單擊完成。
  7. 我們的表單已經準備好,但我們仍然需要在前端顯示它。 我們可以使用與顯示搜索和模板時相同的方法。 前往工具集-> 佈局,創建一個新佈局並單擊以插入單元格。
  8. 單擊發布表單單元格,然後單擊以創建單元格。 單擊保存,您的表單現在將顯示在前端。

立即使用 WordPress 構建您的目錄網站!

現在您已經知道如何為目錄網站構建最重要的功能,是時候開始創建您自己的功能了!

讓我們知道您在下面創建目錄網站的經驗。 如果您有任何問題,那麼我們很樂意提供幫助!

披露:此頁麵包含外部附屬鏈接,如果您選擇購買上述產品,我們可能會收到佣金。 此頁面上的意見是我們自己的意見,我們不會因正面評價而獲得額外獎勵。