登錄 WordPress 時顯示不同菜單的 2 種方法

已發表: 2022-05-05

如果您正在使用 WordPress 構建網站,那麼沒有導航菜單就無法完成實時 WordPress 網站。 它在幫助您獲得高搜索排名和留住網站訪問者方面發揮著至關重要的作用。

如果您的網站需要用戶登錄,例如論壇或會員網站,那麼您可能需要創建一個動態菜單。 它旨在在訪問者註銷、登錄或具有特定用戶角色時向他們顯示不同的菜單項。

例如,您可能希望向已登錄的用戶顯示指向其個人資料的鏈接。 或顯示鏈接以登錄或註冊未登錄的用戶。

但問題是,你怎麼能做到這一點? 本文將為您提供有關如何在登錄 WordPress 時顯示不同菜單的深入指南。

一起來了解一下吧!

  • 為什麼要創建動態導航菜單?
  • #1 使用插件創建動態菜單
  • #2 通過添​​加代碼創建動態菜單

為什麼要創建動態導航菜單?

擁有直觀且井井有條的菜單非常重要,這樣您的用戶可以輕鬆地發現他們在您的網站上需要什麼。 必須徹底組織和構建菜單,因為它應該像您網站的指南一樣工作。

換句話說,它應該將訪問者導航到他們正在尋找的內容。

為了使您的網站成功,有必要有一個動態菜單。 特別是在要求人們登錄的網站上,您向已登錄用戶和已註銷用戶顯示的菜單應該是不同的。

這樣,您可以確保未登錄的用戶看不到您的內容並且必須登錄。而成功登錄的用戶將被重定向到他們想要的內容。

此外,動態菜單提供了清晰的指示並使您的網站易於使用。 登錄和未登錄的訪問者可以輕鬆導航到不同的菜單項,而不會產生任何混淆。

有了所有這些要點,現在很清楚動態菜單對於網站的重要性。 現在,是時候了解如何設置動態菜單以在登錄 WordPress 時顯示不同的菜單了。

登錄 WordPress 時顯示不同菜單的 2 種方法

在 WordPress 網站的同一位置建立多個菜單有兩種主要方法:使用插件或添加代碼。

#1 使用插件創建動態菜單

登錄 WordPress 時顯示不同菜單的最簡單方法是使用插件。 但是,現在可能很難在大量可用的解決方案中選擇最合適的自定義菜單插件。

為了讓您更輕鬆,我們強烈建議您使用用戶菜單插件。 對於已登錄用戶的網站,這可以被認為是完美的插件。

pfo 用戶菜單插件

主要特點:

  • 控制誰可以看到每個菜單項,例如每個人、已註銷的用戶、已登錄的用戶和特定的用戶角色。
  • 當他們登錄到您的站點時顯示用戶信息。 例如, “你好,安妮。”
  • 將登錄、註冊和註銷鏈接添加到您的菜單。

在 WordPress 中安裝並激活插件後,請按照以下步驟將可見性控件應用於菜單項:

  1. 在您的 WordPress 管理儀表板中,導航到外觀菜單

pfo-wordpress-外觀菜單

2. 將新項目添加到您的菜單或擴展現有菜單項。

3. 在誰可以看到這個鏈接? 下拉列表中,選擇EveryoneLogged Out UsersLogged In Users

如果您不進行任何更改,則默認設置為Everyone

選擇登錄用戶。 然後您將能夠確定哪些用戶角色可以看到菜單項。 它允許您僅將菜單項限制為特定用戶角色。

4. 將所需的可見性控件應用到菜單後,按保存菜單按鈕。

pfo-control-who-can-see-menu-items-wordpress

如果您選擇Logged In Users ,請按照以下指南在他們成功登錄到您的站點後顯示他們的信息:

  1. 前往導航標籤字段,然後單擊灰色箭頭。
  2. 定義要在菜單項中顯示的用戶信息。 例如, {first_name}、{last_name}、{username}、{display_name}、{nickname}、{email}
  3. 保存菜單按鈕。 現在,當用戶登錄您的網​​站時,他們將在導航菜單中看到他們的信息。

pfo-display-logged-in-user-information-menu-wordpress

您需要添加到菜單中的最後一件事是供用戶登錄和退出您的網站的鏈接。 要將此功能添加到您的網站:

  1. 轉到您的管理儀表板,然後單擊外觀菜單
  2. Add menu items手風琴中,單擊User Links以展開菜單項。
  3. 勾選登錄和註銷鏈接複選框,然後選擇添加到菜單
  4. 導航到之後應該將用戶帶到哪裡? 字段,下拉菜單,然後選擇當前頁面、主頁自定義 URL

如果您不進行任何更改,當前頁面將是默認選項。

如果您選擇自定義 URL ,您將需要輸入用戶將被重定向到的 URL。

5. 單擊保存菜單按鈕完成。

pfo-add-login-logout-links-menu-wordpress

#2 通過添​​加代碼創建動態菜單

登錄 WordPress 時顯示不同菜單的第二種方法是手動將代碼添加到 functions.php 文件:

  1. 在管理儀表板中,轉到外觀菜單
  2. Add 菜單項中,選中Login and Log Out複選框。
  3. 單擊添加到菜單以創建 2 個已登錄和已註銷的菜單。

pfo-show-different-menu-when-logged-in-wordpress

4. 導航到儀表板並單擊外觀主題編輯器

5. 在Theme Files部分,選擇functions.php然後將以下代碼添加到文件中:

 功能 my_wp_nav_menu_args( $args = '' ) {
if( is_user_logged_in() ) {
$args['menu'] = '登錄';
} 別的 {
$args['menu'] = '登出';
}
返回 $args;
}
add_filter('wp_nav_menu_args', 'my_wp_nav_menu_args');

就這樣。 現在您的登錄訪問者將看到登錄菜單,而未註冊或註銷的用戶將看到不同的菜單。

這種技術允許您為您的 WordPress 網站建立兩個不同的菜單。 這樣,您可以隨時為已登錄或已註銷的用戶自由更新菜單。

準備好在登錄 WordPress 時顯示不同的菜單!

本文演示了登錄 WordPress 時顯示不同菜單的 2 種簡單方法:使用插件並將代碼添加到functions.php文件。

為登錄和未登錄用戶定制 WordPress 菜單只是小菜一碟。 不要再等了。 讓我們現在開始吧!

您已經學習瞭如何自定義登錄和註銷菜單。 您可能對如何自定義登錄表單感興趣。