WooCommerce 帳戶設定 – 加入函數讓使用者登出後導向指定頁面

WooCommerce 帳戶設定 – 加入函數讓使用者登出後導向指定頁面:

1. 帳戶登出後重新導向網站首頁

2. 登出後重新導向指定頁面

WooCommerce 帳戶設定 原本的重新導向是將使用者跳轉至登入頁面,這樣的設定對於一些電商網站而言是比較沒有意義的,如果説在使用者操作登出後,可以跳轉回首頁,或者導向至感謝頁、電子報訂閱、折扣優惠頁等,會比較容易提升訪客在網站中做更多資訊瀏覽或者下單購買的機會,因此在本篇教學中,就是要說明如何運用簡單的函數來修改 WooCommerce 預設的重新導向方式,讓使用者在登出後可以到達我們所指定的網站頁面。

WooCommerce Codex:https://docs.woocommerce.com/wc-apidocs/index.html

WordPress wp_logout 說明:https://codex.wordpress.org/Function_Reference/wp_logout

WordPress Child Theme 開發人員說明:https://developer.wordpress.org/themes/advanced-topics/child-themes/

• 加入函數設定會員登出導向至首頁

第一步:以安裝 WooCommerce 的銷售網站為例,下圖是我的帳戶頁面,首先可以先嘗試登出後的動作。

WordPress 帳戶設定

 

第二步:點選登出後會回到登入畫面,如果沒有做特別設定,只要操作登出後都會到達下方圖片中的登入頁。

WordPress 帳戶設定

 

第三步:如果想要讓使用者登出後可以自動跳轉至首頁,可以使用下面這一段函數。使用 add_action 來定義 wp_logout 登出時執行的動作為 wp_redirect ,值為 home_url ,也就是首頁網址。

 

第四步:會加入方式為進入外觀的佈景主題編輯器中,選擇子主題後,在 funtion.php 檔案結尾處加入上方提供的函數,點選更新,如下圖所示。

WordPress 帳戶設定

 

第五步:完成後當會員登出後就會重新導向至網站首頁,可參考下方影片。

• 帳戶登出指定重新導向頁面函數

第一步:如果不想要將登出用戶重新導向至首頁,而是想要跳轉到網站指定頁面,則可以使用下方函數,加入方式與第一小節中說明相同。

第二步:修改 wp-redirect 中的網址為想要將使用者導向的頁面網址,修改單引號中的網址即可。

WordPress 帳戶設定

WordPress 帳戶設定

 

第四步:完成後就會將登出使用者導向至指定頁面,下方影片中筆者是設定轉向至商品型錄頁。

結語:

在 WordPress 加入函數前,請記得要先為網站做備份,尤其在不知道網站中啟用哪些外掛,或者網站是委外建置的狀況下,輕易加入函數是很容易導致網站發生錯誤的,這一點請務必要注意到。

今天的教學到這裡告一段落了,不要忘記在右側訂閱鵠學苑電子報,確保收到最新 WordPress 教學文章,如果有網頁設計相關需求,或者想了解最新網站知識,也可以到 鵠崙設計 做線上免費諮詢喔!我們下次的教學見~

WordPress Funtion (函數) 教學相關文章:

WordPress 禁用 Gutenberg 編輯器的兩種方法(外掛與函數)

WooCommerce 關閉密碼強度 – WordPress 加入函數與啟用外掛

WordPress 自訂欄位,網站後台公佈欄自訂資訊內容,PHP語法應用

WooCommerce 自訂函數 – 在單一商品頁加入標題文字

WooCommerce 購物車設定 – 符合訂單金額加入其它商品至購物車

WordPress PHP 教學 網頁修改及網站設定

網站架設知識推薦閱讀:

Chrome 移除蓋版廣告?Google 12 項廣告體驗規範簡易說明

Google One 介紹 – 全新雲端硬碟方案,擴充更多儲存空間!

無障礙網站介紹-規範說明、檢測工具與操作影片

分享在 facebook
Facebook
分享在 skype
Skype
分享在 pinterest
Pinterest
分享在 email
Email
鵠學苑

鵠學苑

我們是由一群熱愛 WordPress 網站架設的同好所組成的團隊,希望可以將這套 頂尖的 CMS 管理系統推廣給想要架站的朋友們,並且能夠在過程中互相交流心得,讓網站架設過程變得更有效率!

訂閱電子報

立即訂閱鵠崙設計(鵠學苑)!我們將不定期發送架站教學文章、最新網站版型介紹以及網頁設計最優惠價格!

熱門文章

最新文章

相關文章

標籤雲

Sign up for our Newsletter

Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit

Scroll to Top