如何改進 WordPress 導覽選單

已發表: 2023-11-22

結構良好且組織良好的導航選單對於任何網站都是必不可少的。 它允許訪客快速找到他們正在尋找的內容,從而改善他們的整體瀏覽體驗。 在本教程中,我們將討論增強和改進 WordPress 網站導航選單的各種技術。

目錄

1.利用自訂選單和外觀選單螢幕

WordPress 提供了名為「自訂選單」和「外觀選單畫面」的內建功能,可讓您在網站上定義導覽選單。 此功能易於使用,使您能夠建立連結到您網站或其他外部網站內的頁面、貼文、類別的自訂功能表。 透過利用此功能,您可以完全控制導航選單的結構和內容。

2. 將麵包屑加入 WordPress 導航

麵包屑是一種有用的導航工具,它為使用者提供了返回網站起始點或入口點的路徑。 它們通常水平顯示在網頁頂部、標題列或標題下方。 麵包屑由代表網站層次結構的連結組成。

若要將麵包屑新增至 WordPress 導覽中,您可以使用 BreadCrumb NavXT 或 Smart Breadcrumbs 等外掛程式。 這些外掛程式可讓您自訂網站上麵包屑的外觀和功能。

3. 自訂 WordPress 下一個和上一個鏈接

預設情況下,WordPress 在每個頁面的底部顯示「<<下一頁」和「上一頁>>」連結。 然而,這種導航方法對於使用者來說效率較低,因為他們必須多次點擊才能訪問特定頁面。

為了改善導航並提供更用戶友好的體驗,您可以使用 WP-PageNavi 或 WP-Page Numbers 等外掛程式。 這些外掛程式會建立一個頁面連結列表,其中包含跳到特定頁面的選項,讓訪客可以更輕鬆地瀏覽您的內容。

4. 將下一個和上一個連結加入 WordPress 單頁

雖然上述外掛程式改進了多個頁面的導航,但它們可能不適用於單一貼文。 但是,您可以修改主題的「single.php」檔案以顯示上一篇和下一篇文章的連結標題。

透過將以下程式碼新增至「single.php」檔案中,您可以顯示上一篇和下一篇文章的突出連結:

 <div> <div><?php previous_post_link('&laquo; Post before this: %link') ?><br /></div> <div><?php next_post_link('%link &raquo; Post After This') ?></div> <div></div> </div>

根據您的主題設計自訂程式碼,以使上一篇和下一篇文章的連結對訪客來說更加明顯。

5.根據使用者角色限制對某些頁面的訪問

如果您想根據使用者角色隱藏特定頁面、貼文、自訂貼文類型或類別,可以使用「WordPress 按使用者角色劃分的頁面」外掛程式。 該外掛程式可讓您根據用戶的角色限制對內容的訪問,在用戶未登入時從搜尋結果和選單中刪除頁面或類別。

透過利用此插件,您可以為不同的使用者角色創建更個人化和有針對性的導航體驗。

6. 自訂主頁和其他頁面的摘錄

摘錄是您貼文的簡短摘要,鼓勵讀者點擊「閱讀更多」連結來存取完整內容。 預設情況下,可以在貼文內容框下方的「摘錄」方塊中新增摘錄。

要在主頁上建立摘錄,您可以使用主頁摘錄等插件。 此外,您可以修改主題中的“循環”,並將所有其他頁面上的“_content”變更為“_excerpt”。

透過自訂摘錄的使用,您可以為訪客創建更具吸引力和資訊豐富的導航。

7. 在 WordPress 中實現多頁面導航

對於較長的貼文或文章,將內容拆分為多個頁面可能會很有幫助。 WordPress 提供了使用下一頁按鈕或<!--nextpage-->快速標籤建立多頁貼文的功能。

若要增強多頁面導航,您可以使用多頁面工具包外掛程式。 該插件擴展了多頁帖子的功能,允許您為每個頁面創建標題,提供不同的分頁選項(上一個和下一個鏈接,頁面標題鏈接,編號鏈接),並顯示帖子的總頁數。

8. 在內容後顯示相關帖子

在貼文內容之後顯示相關貼文可以顯著提高用戶參與度並鼓勵訪客探索更多內容。 有幾個外掛程式可用於自動插入相關帖子區塊。

「我的相關貼文」和「另一個相關貼文外掛程式 (YARPP)」等外掛程式提供了根據各種條件顯示相關貼文的選項,並允許您自訂相關貼文部分的外觀。

9.展示熱門貼文和貼文瀏覽量

展示您最受歡迎的貼文可以吸引訪客並讓他們與您的網站保持互動。 「WP Post Views」外掛提供了一個側邊欄小工具,可顯示您最常查看的貼文。 透過使用此插件,您可以輕鬆展示您最好的內容並鼓勵訪客進一步探索您的網站。

10.使用插件擴充導航功能

WordPress 提供了大量插件,可以增強和擴展導航選單的功能。 一些值得注意的插件包括:

  • ConMe:該外掛程式可讓您建立和管理內容群組,從而可以輕鬆對 WordPress 內容進行分類和設定樣式。
  • 簡單的自訂內容類型:一個插件,可以簡化自訂貼文類型、分類法和元框的創建,無需複雜的編碼。
  • WordPress 內容類型管理器:此外掛程式可讓您輕鬆建立自訂貼文類型、自訂分類法、自訂欄位、自訂短程式碼和自訂主題選項。
  • WP Pre-Advertisement:該外掛程式可讓您在顯示實際貼文內容之前顯示廣告,為您的網站提供額外的獲利選項。
  • 帖子驗證器:一個插件,可透過在發布前驗證帖子來幫助確保帖子的質量,對於多作者網站特別有用。
  • 進階精選貼文滑桿:該外掛程式可讓您建立展示內容的滑桿,並具有各種佈局和自訂選項。

11.使用影像增強類別導航

將影像指派給類別名稱可以增強導航選單的視覺吸引力。 您可以用類別圖像替換文本,使其在視覺上對訪客更具吸引力。 Category Icons 或 Category Icons Lite 等外掛程式可讓您將圖示指派給類別,這些圖示將顯示在導覽選單中類別標題的旁邊。

12.自訂側邊欄導航

自訂側邊欄導覽可以提供額外的導覽元素並提供更量身定制的使用者體驗。 您可以探索各種選項,例如列出自訂文章類型、建立自訂功能表或利用 iFrameWidgets 等外掛程式來自訂您的 WordPress 側邊欄。

13. 自訂 WordPress 管理選單

WordPress 管理選單可以自訂,以改善網站管理員的使用者體驗。 像友好管理選單這樣的插件提供了一個更符合邏輯且易於使用的帶有大圖標的選項卡式介面,使您可以更輕鬆地瀏覽管理儀表板並存取基本設定。

結論

透過遵循這些技術並利用建議的插件,您可以顯著改進 WordPress 網站的導覽選單。 結構良好且用戶友好的導航選單可以增強訪客的整體瀏覽體驗,保持他們的參與度並鼓勵他們探索更多內容。

常見問題:改進導航選單

如何自訂 WordPress 中的導覽選單?

若要自訂 WordPress 中的導覽選單,請依照下列步驟操作:

1. 登入您的 WordPress 管理儀表板。
2. 前往“外觀”並選擇“選單”。
3. 點選「建立新選單」連結建立新選單。
4. 為您的選單命名,然後按一下「建立選單」按鈕。
5. 若要將項目新增至選單,請從左側選擇所需的頁面、貼文或自訂鏈接,然後按一下「新增至選單」按鈕。
6. 將選單項目拖曳到所需的順序來排列選單項目。
7. 若要建立子選單,請將選單項目稍微向右拖曳到另一個選單項目的下方。 這將使其成為子選單項目。
8. 透過點選每個選單項目旁的向下箭頭並修改「導覽標籤」欄位來自訂選單項目標籤。
9. 透過勾選「選單設定」部分下所需位置旁的方塊來設定選單位置。
10. 點選「儲存選單」按鈕儲存變更。

就是這樣! 您的導航選單現在應該根據您的喜好進行自訂。

如何改進我的導覽列?

若要改進導覽欄,請考慮以下步驟:

1. 保持簡單:將選單項目的數量限制在最重要的項目。 雜亂的導覽列可能會讓使用者感到困惑,並使他們更難找到所需的內容。

2. 使用描述性標籤:確保您的選單項目具有清晰簡潔的標籤,能夠準確地表示它們連結到的內容或部分。 避免使用「產品」或「服務」等一般標籤,並且要具體。

3. 確定重要頁面的優先順序:將最重要的頁面或部分放在導覽列的開頭。 用戶傾向於關注導覽列的左側,因此那裡的重要項目更有可能被看到和點擊。

4. 確保輕鬆訪問:確保您的導覽列在網站的所有頁面上顯著顯示且易於訪問,最好位於頁面頂部。 用戶不必搜尋它或滾動即可找到它。

5. 針對行動裝置進行最佳化:確保您的導覽列具有響應能力並且在行動裝置上運作良好。 考慮使用漢堡選單或其他適合行動裝置的導航模式,在較小的螢幕上提供流暢的使用者體驗。

6. 謹慎使用下拉式選單:如果您有大量子頁面或部分,請使用下拉式選單來組織它們。 但是,請避免有太多嵌套級別,因為它會使導航變得複雜且難以承受。

7. 提供搜尋功能:考慮在導覽列中新增搜尋欄,以便使用者在透過選單找不到特定內容時可以快速搜尋特定內容。

8. 測試和分析:持續監控使用者行為並進行A/B測試以優化您的導覽列。 關注用戶回饋並做出相應調整。

請記住,精心設計的導覽列可以大大增強用戶體驗並提高網站的整體可用性。

什麼是好的導航選單?

一個好的導航選單應該是:

– 清晰直覺:確保選單標籤具有描述性且易於理解,使用戶能夠快速瀏覽您的網站。
– 簡潔:將選單項目的數量保持在最低限度,最好少於 7 個,以避免用戶不知所措。
– 一致:在網站的所有頁面上保持相同的導航結構,以提供一致的使用者體驗。
– 可見:將導覽選單放在顯眼的位置,例如標題或側邊欄,確保在每個頁面上都可以輕鬆存取。
– 行動裝置友善:透過使用響應式設計或實施易於在較小螢幕上使用的行動選單,優化行動裝置的導覽選單。
– 搜尋引擎友善:使用基於文字的連結而不是基於 JavaScript 或 Flash 的選單,以確保搜尋引擎可以抓取並理解您的導航。

如何在 WordPress 中建立動態導覽選單?

若要在 WordPress 中建立動態導覽選單,請依照下列步驟操作:

1. 登入您的 WordPress 管理面板。
2. 進入“外觀”->“選單”。
3. 按一下「建立新選單」並為其命名。
4. 從左側列中選擇要新增至功能表的頁面、類別或自訂連結。
5. 拖放項目以所需順序排列它們。
6. 若要使選單動態化,請勾選「自動新增新的頂級頁面」選項。 這會在建立新頁面時自動將其新增至功能表。
7. 新增完所有項目後,點選「儲存選單」按鈕。
8. 若要在您的網站上顯示選單,請前往「管理位置」標籤。
9. 從「主選單」位置的下拉清單中選擇所需的選單。
10. 點選「儲存變更」按鈕。

您的動態導覽功能表現在將顯示在您的 WordPress 網站上,並且任何新的頂級頁面都會自動新增至功能表。