如何新增WordPress使用者登出/退出連結到導航選單

如果您使用WordPress執行會員站點,bbPress論壇,電子商務商店或學習管理系統(LMS),提供明顯的登出/退出連結將會有利於使用者體驗。

在本文中,我們將向您展示如何將WordPress使用者登出/退出連結新增到導航選單以及網站的其他區域。

WordPress使用者登出/退出

WordPress預設使用者登出/退出連結

通常,您可以通過單擊登出連結來退出WordPress網站登入。此連結位於WordPress管理欄右上角您的個人資料圖片下方。

您所要做的就是將滑鼠移到您的使用者名稱上,該使用者名稱將顯示在下拉選單中。

WordPress後臺登入登出入口

如果WordPress網站已禁用WordPress管理員欄,則您將無法看到WordPress登出連結。

好處是,可以直接訪問WordPress登出連結以登出當前的WordPress使用者登入。

WordPress網站的登出連結如下所示:

http://example.com/wp-login.php?action=logout(example.com替換為你的域名)。

您可以直接在瀏覽器視窗中訪問此連結以登出WordPress網站登入。

當訪問WordPress登出連結時,會出現一個警告頁面,點選“登出”即可退出當前登入賬號。

WordPress使用者登出提示

您也可以在WordPress網站上的任意位置手動新增此登出連結。下面將會詳細說明。

溫馨提示:如果您安裝的是閃電博開發的WordPress主題,付費類主題都會附帶會員中心,登入後,在網站主導航選單均提供退出的快捷入口,如下圖所示:

閃電博主題會員中心退出連結

在WordPress導航選單中新增使用者登出/退出連結

在網站的導航選單中新增WordPress登出連結,可以幫助WordPress網站使用者在任何頁面快速退出登入。

只需轉到WordPress後臺中的外觀»選單頁面。單擊“自定義連結”選項卡以展開它,然後在“ URL”欄位中新增前面提到的登出連結。

主題選單自定義連結

完成後,單擊“新增到選單”按鈕,您將注意到該連結顯示在右欄中。您只需向上或向下拖動即可調整其位置。

不要忘記單擊“儲存選單”按鈕來儲存更改。

現在,您可以訪問您的網站以在導航選單中檢視退出連結。

主題主導航選單使用者退出連結

在選單中新增登出連結的問題在於,它對所有使用者(已登入和已退出)均可見。僅向實際登入的使用者顯示登出連結才有意義。

在側邊欄小工具中新增WordPress登出/退出連結

WordPress隨附一個名為“功能”的預設小工具。此小工具顯示了許多有用的連結,包括指向使用者的登出或登入連結。

WordPress功能小工具

<a href="http://example.com/wp-login.php?action=logout">Logout</a>

某些人發現功能(Meta)小工具中的其他連結沒有那麼有用。

另外,您也可以使用純HTML中的登出連結新增純文字或自定義HTML小工具。這是您需要新增的HTML程式碼:

<a href="http://example.com/wp-login.php?action=logout">Logout</a>

WordPress登出小工具HTML程式碼

在WordPress中新增動態登入/登出連結

在WordPress中手動新增登出連結很簡單,但問題是這個連結不會根據使用者的登入狀態而更改。

要解決此問題,您可以使用外掛根據使用者登入狀態顯示登入或登出連結。

首先,您需要安裝Login or Logout Menu Item外掛。

安裝並啟用外掛後,轉到WordPress後臺的外觀»選單,然後將“登入/登出”連結新增到選單中。

Login or Logout Menu Item外掛

點選“儲存選單”後,即可在網站導航選單中看到對應連結。

WordPress動態登入/登出連結

當您單擊登入連結後,即會訪問網站的登入頁面,或者,如果是已經登入,則會登出/退出當前使用者登入。

此方法也可用於WooCommerceMemberPress和其他WordPress電子商務平臺。

評論留言