LOGO - 獨角獸工坊 - SEO 優化 | 網站設計 | 網站架設

獨角獸工坊 - SEO 搜尋引擎最佳化 | 網站設計 | 網站架設

網站設計/網站架設SEO 搜尋引擎最佳化/Wordpress 設定結合 SEO 最佳推薦,兼具美感與質感的代客架站服務,讓你的網站就是比別人更好!

  • 首頁
  • 案例作品
  • 實用技巧
  • 服務詢問
Woocommerce 修改預設登入網址頁面

WooCommerce 修改預設登入網址頁面

WooCommerce

最近做到一個難度略高的案子,關於要整個幾乎客製八成以上的功能,差不多快把 WordPress 拆了那種程度,在幾近完成階段時,業主給了一個很奇怪的要求,就是它們希望 WooCommerce 的登入頁面要跟 WordPress 登入的頁面要一樣。乍聽之下沒有什麼問題,但仔細一看你會發現問題不小,而且有點靠北,因為你可以透過 LoginPress 來完成客製,但內行的都知道 WooCommerce 的登入其實是獨立的,可是兩邊又是相通的這樣。

問題出現在你點「會員中心/我的帳號」也就是 my-account 這一頁,會先偵測你的登入狀況,如果你是從設計者提供的登入位置登入再點這一頁,看起來完全沒有問題,但是你若沒有登入直接點「會員中心/我的帳號」,你會發現他會強制帶你到一個 WooCommerce 預設的登入頁面,很陽春很醜,沒客製根本看起來超不專業的;網路上很多關於客製化登入頁面的外掛 Plugins 在販售著,如果不會改就只能乖乖花錢買外掛套用修改,後來我找到了一個方式可以完全不用外掛,只要把 CODE 插入之後,修改一些小地方就可以了。

function redirect_login_page(){
        if(is_user_logged_in()){
            return;
        }
        global $post;
      
        if( has_shortcode($post->post_content, "woocommerce_my_account") ) {
            wp_redirect( '/wp-login.php' );
            exit();
        }
    }

add_action( 'template_redirect','redirect_login_page' );

上面的 CODE 意思是,先偵測登入狀況,接著 wp_redirect( ‘/wp-login.php’ ); 這串的 /wp-login.php 就是改成你要指向的網址就好了,你也可以用 /?p=xxx 這種頁面 ID 去達成你要指向的客製化登入頁面喔!這個是我用 LoginPress 的範例,你可以改成你要指向的頁面 ID。

add_action('wp_logout','my_redirect_after_logout');
function my_redirect_after_logout(){
         wp_redirect( '/?p=xxx' );
         exit();
}

上面這串是設定當使用者按下登出(無論是在我的帳號、會員中心)要強制指向的位置,/?p=xxx 的 xxx 就是你要指向的頁面,當然你也可以指向一個網址。

標籤:my-account, woocommerce, WooCommerce登入, WordPress登入, 我的帳號, 會員中心
LOGO - 獨角獸工坊 - SEO 優化 | 網站設計 | 網站架設

獨角獸工坊 - SEO 搜尋引擎最佳化 | 網站設計 | 網站架設

網站設計/網站架設SEO 搜尋引擎最佳化/Wordpress 設定結合 SEO 最佳推薦,兼具美感與質感的代客架站服務,讓你的網站就是比別人更好!

網站架設是在理性與感性的衝突間找到平衡
 
網站絕非一個工具,而是一個具有靈魂及生命的個體,透過他你將會讓你的事業升華至更高的層次。

站內選單

  • 首頁
  • 案例作品
  • 實用技巧
  • 服務詢問
© 2023 The Unicorn Workshop. All Rights Reserved.
Shopping Basket