選單
大綱

8-9 會員登入註冊

會員登入註冊

 

 

image (57).png
  • 設定 登入 / 註冊 按鈕的 畫面顯示 & 功能設定

__________________________

 

登入 / 註冊 按鈕畫面顯示設定

⮕ 左側:外觀 → 自訂

⮕ 頁首

image (58).png
image (59).png

⮕ 主要列 → 選單2 → 選擇選單 → 會員專區

image (60).png

⮕ Account 拖曳至 主要列

image (62).png

 

⮕ 自訂登入狀態設定 ( 可各別為 登入 & 登出 的顯示去做設定 )

 

1. 點擊 Account

2. 標籤型式

  • 文字:可編輯文字顯示於主要列 ( 用於下方「標籤文字」功能 )

  • 名稱:顯示使用者的帳號

3. 標籤文字

  • 文字:可輸入「登入/註冊」、「我的帳號」,或其他文字

4. 帳號動作:客製下方選單

image (63).png

⮕ 登出選項

⮕ 帳號動作 → WooCommerce 帳號 ( 建議選擇此選項,可減少其他顯示問題 )

image (64).png
image (65).png

__________________________

 

登入/註冊 按鈕功能設定

⮕ 按鈕 拖曳至 主要列

image (66).png

⮕ 點擊「按鈕」進行設定

⮕ 標籤文字 → 輸入「登入/註冊」

⮕ CSS類別 → 輸入「lrm-login」( 請參考下一步驟如何複製 lrm-login )

image (67).png
image (68).png

⮕ 網站管理後台左側:設定 → Login and Register Modal

⮕ 複製 → lrm-login

image (69).png
image (71).png

⮕ 網站管理後台左側:設定 → 一般

⮕ 成員資格 → 打勾

⮕ 儲存設定

image (72).png
image (73).png

⮕ 設定完成後 → 發佈

⮕ 至前台頁面確認畫面

image (74).png
image (75).png
image (76).png

 

我的帳號 畫面顯示 & 功能設定

⮕ 按鈕 拖曳至 主要列

image (77).png

⮕ 點擊「按鈕」進行設定

⮕ 將「一般」&「設計」設定完成 ( 設定完成後需要開啟觸發功能,請參考下一步驟 )

image (78).png

⮕ 網站管理後台左側:外觀 → 選單

⮕ 顯示項目設定 → CSS 類別 → 打勾

image (79).png
image (80).png

⮕ 選取需要編輯的選單 → 會員專區 → 選取

⮕ CSS 類別 ( 選填 ) → 輸入「lrm-login」

⮕ 儲存選單

image (81).png
image (82).png

⮕ 至前台頁面確認畫面

image (83).png
image (84).png

 

 

最近修改:2025-09-18 17:16