如果您使用WordPress執行會員站點,bbPress論壇,電子商務商店或學習管理系統(LMS),提供明顯的登出/退出連結將會有利於使用者體驗。
在本文中,我們將向您展示如何將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後臺中的外觀»選單頁面。單擊“自定義連結”選項卡以展開它,然後在“ URL”欄位中新增前面提到的登出連結。
完成後,單擊“新增到選單”按鈕,您將注意到該連結顯示在右欄中。您只需向上或向下拖動即可調整其位置。
不要忘記單擊“儲存選單”按鈕來儲存更改。
現在,您可以訪問您的網站以在導航選單中檢視退出連結。
在選單中新增登出連結的問題在於,它對所有使用者(已登入和已退出)均可見。僅向實際登入的使用者顯示登出連結才有意義。
在側邊欄小工具中新增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中新增動態登入/登出連結
在WordPress中手動新增登出連結很簡單,但問題是這個連結不會根據使用者的登入狀態而更改。
要解決此問題,您可以使用外掛根據使用者登入狀態顯示登入或登出連結。
首先,您需要安裝Login or Logout Menu Item外掛。
安裝並啟用外掛後,轉到WordPress後臺的外觀»選單,然後將“登入/登出”連結新增到選單中。
點選“儲存選單”後,即可在網站導航選單中看到對應連結。
當您單擊登入連結後,即會訪問網站的登入頁面,或者,如果是已經登入,則會登出/退出當前使用者登入。
此方法也可用於WooCommerce,MemberPress和其他WordPress電子商務平臺。
評論留言