如何在特定的 WordPress 菜單中添加自定義項目

WordPress 菜單是顯示在大多數網站頂部的導航菜單。有時您可能希望在導航菜單中顯示除普通鏈接以外的自定義項目。

在這篇文章中，我們將向您展示如何輕鬆地將自定義項目添加到特定的 WordPress 菜單。

為什麼要在 WordPress 菜單中添加自定義項目

WordPress 菜單是顯示在網站頂部的導航鏈接。在移動設備上，它們通常在你點擊菜單圖標時顯示。

由於這在典型的 WordPress 網站佈局中是一個顯著的位置，利用這個位置放置除普通鏈接以外的自定義項目是很聰明的做法。例如，有些用戶可能希望像我們 WPBeginner 一樣顯示搜索表單。一個會員網站可能希望顯示登錄和註銷鏈接，或者您可能希望在菜單中添加圖標或圖片。

在 WordPress 中向特定導航菜單添加自定義項目

有不同的方法可以在 WordPress 中的導航菜單中添加自定義項目。這取決於您嘗試添加的自定義項目的類型。我們將向您展示一些最常見的例子。對於其中一些，您需要使用插件，而對於其他一些，您需要添加一些代碼。

1. 在 WordPress 菜單中添加搜索彈出窗口

通常，您可以使用默認的搜索小工具或區塊將搜索表單添加到 WordPress 邊欄。但默認情況下沒有辦法將搜索添加到導航菜單中。

某些 WordPress 主題有選項可以在主菜單區域添加搜索框。如果您的主題沒有這些選項，您可以使用 SearchWP Modal Search Form 插件。安裝和激活插件後，轉到外觀»菜單頁面，在‘添加菜單項目’列中點擊‘SearchWP Modal Search Forms’標籤，然後選擇您的搜索引擎並點擊‘添加到菜單’按鈕。

2. 向特定菜單添加圖標和自定義圖片

要向特定菜單添加圖標或圖片，您需要安裝並激活 Menu Image Icon 插件。激活後，轉到外觀»菜單頁面，將鼠標移到您想顯示圖標或圖片的菜單項目上，點擊‘Menu Image’按鈕，然後在彈出窗口中選擇要顯示的圖片或圖標。

3. 向特定的 WordPress 菜單添加登錄/註銷鏈接

如果您使用的是 WordPress 會員插件或運行在線商店，您可能希望允許用戶輕鬆登錄到他們的帳戶。默認情況下，WordPress 沒有簡單的方法在導航菜單中顯示登錄和註銷鏈接。您可以使用 Login or Logout Menu Item 插件來添加這些鏈接，或者使用自定義代碼。

4. 在 WordPress 導航菜單中添加自定義文本

如果您只想在導航菜單中添加文本而不是鏈接，可以在外觀»菜單頁面上添加一個帶有#符號作為URL的自定義鏈接，並將您要顯示的文本作為鏈接文本，然後刪除#符號，點擊‘保存菜單’按鈕。在導航菜單中將顯示您的自定義文本。

5. 在 WordPress 菜單中添加當前日期

如果您想在導航菜單中顯示當前日期，可以使用以下代碼將其添加到您的主題 functions.php 文件或特定於網站的插件中。

add_filter('wp_nav_menu_items','add_todaysdate_in_menu', 10, 2); function add_todaysdate_in_menu( $items, $args ) { if( $args->theme_location == 'primary') { $todaysdate = date('l jS F Y'); $items .= '' . $todaysdate . '
'; } return $items; }

6. 在 WordPress 菜單中顯示用戶名

如果您希望在導航菜單中向已登錄用戶致以親切的問候，可以使用以下代碼將‘#profile_name#’替換為用戶名或對未登錄用戶的通用問候語。

add_filter( 'wp_nav_menu_objects', 'username_in_menu_items' ); function username_in_menu_items( $menu_items ) { foreach ( $menu_items as $menu_item ) { if ( strpos($menu_item->title, '#profile_name#') !== false) { if ( is_user_logged_in() ) { $current_user = wp_get_current_user(); $user_public_name = $current_user->display_name; $menu_item->title = str_replace('#profile_name#', ' Hey, ' . $user_public_name, $menu_item->title . '!'); } else { $menu_item->title = str_replace('#profile_name#', ' Welcome!', $menu_item->title . '!'); } } } return $menu_items; }