WordPress hiển thị cùng một menu điều hướng cho mọi người. Tuy nhiên, bạn có thể muốn custom menu dựa trên việc người dùng đã đăng nhập hay chưa.
Hiển thị các menu khác nhau cho người dùng đã đăng nhập trong WordPress là một cách tuyệt vời để tạo trải nghiệm cá nhân hóa hơn. Nó cho phép bạn chỉ hiển thị content có liên quan cho những người đã đăng nhập, chẳng hạn như thông tin chi tiết về tài khoản hoặc tài nguyên độc quyền.
Trong hướng dẫn này, WPBeginner Việt Nam sẽ giải thích cách thiết lập các menu khác nhau cho người dùng đã đăng nhập bằng 2 phương pháp.
Tại sao phải hiển thị các menu khác nhau cho người dùng đã đăng nhập trong WordPress?
Việc thay đổi các khu vực khác nhau của website WordPress dựa trên người dùng và hoạt động của họ giúp website của bạn được cá nhân hóa cho từng người dùng.
Nội dung được cá nhân hóa này giúp bạn cải thiện trải nghiệm của người dùng trên website WordPress của mình.
Bây giờ, nếu bạn chạy một website mà người dùng không cần phải đăng ký hoặc đăng nhập, thì có lẽ bạn có thể sử dụng cùng một menu điều hướng trên toàn bộ website của mình. Tuy nhiên, các website khác có thể hưởng lợi rất nhiều khi hiển thị menu custom cho người dùng đã đăng nhập.
Ví dụ, các website như cửa hàng trực tuyến, nền tảng học tập trực tuyến hoặc cộng đồng website thành viên WordPress đều có thể được hưởng lợi từ menu điều hướng được cá nhân hóa.
Menu điều hướng được cá nhân hóa dành cho người dùng đã đăng nhập giúp họ dễ dàng tìm thấy những mục họ đã đăng ký.
Ví dụ, người dùng trên cửa hàng trực tuyến có thể quản lý tài khoản của mình hoặc thành viên của cộng đồng trả phí có thể dễ dàng gia hạn đăng ký hoặc xem các khóa học trực tuyến độc quyền mà họ đã mua.
Theo mặc định, WordPress cho phép bạn tạo nhiều menu điều hướng tùy thích. Tuy nhiên, bạn chỉ có thể chọn hiển thị một menu tại một vị trí cụ thể trong theme WordPress của mình.
Trước khi thiết lập menu cho người dùng đã đăng nhập, trước tiên bạn cần tạo hai menu điều hướng riêng biệt. Một menu sẽ dành cho người dùng đã đăng nhập và menu còn lại dành cho người dùng đã đăng xuất. Hãy bắt đầu nào.
Chỉ là một lưu ý nhanh thôi! Các phương pháp WPBeginner Việt Nam chia sẻ được thiết kế dành cho những người sử dụng WordPress classic theme. Nếu bạn đang sử dụng block theme có tính năng Full Site Editing (FSE) từ WordPress 5.8 trở lên, phương pháp này có thể không hiệu quả.
Tạo Menu cho Người dùng đã đăng nhập và chưa đăng nhập trong WordPress
Để tạo các menu riêng biệt cho hai loại người dùng, bạn sẽ muốn chuyển đến Giao diện » Menu trang trong dashboard WordPress.
Nếu bạn đã có menu điều hướng sử dụng trên website của mình cho tất cả người dùng thì đây có thể là menu mặc định của bạn.
Sau đó, bạn có thể nhấp vào link ‘tạo menu mới’ để tạo menu custom mới cho người dùng đã đăng nhập.
Ở đây, hãy tiếp tục và thêm các mục menu mà bạn muốn hiển thị cho người dùng đã đăng ký hoặc đã đăng nhập. Ví dụ, bạn có thể muốn thêm link đăng xuất vào menu của mình.
Ở phía bên trái của màn hình, bạn có thể thấy danh sách các website của mình. Chỉ cần đánh dấu vào ô bên cạnh bất kỳ trang nào bạn muốn thêm vào menu và nhấp vào nút ‘Thêm vào Menu’.
Bạn cũng có thể kéo và thả các mục menu ở bên phải màn hình để sắp xếp lại chúng.
Xa hơn nữa ở phía dưới trang, bạn có thể chọn vị trí để hiển thị menu của mình. Nhưng bạn không cần phải chỉ định vị trí cho menu này ngay bây giờ. Chúng ta sẽ thực hiện điều đó sau trong bài viết.
Đừng quên nhấp vào nút ‘Lưu Menu’ để lưu lại những thay đổi của bạn.
Để biết thêm chi tiết về cách tạo menu, hãy xem hướng dẫn dành cho người mới bắt đầu về menu điều hướng WordPress của WPBeginner Việt Nam.
Bây giờ, bạn đã sẵn sàng để hiển thị các menu khác nhau cho người dùng đã đăng nhập. Sau đây là tổng quan nhanh về tất cả các phương pháp WPBeginner Việt Nam sẽ đề cập trong hướng dẫn này:
Chúng ta hãy cùng tìm hiểu phương pháp đầu tiên.
Cách dễ nhất để hiển thị các menu khác nhau cho người dùng đã đăng nhập là để sử dụng Menu có điều kiện plugin. Vậy, hãy cài đặt và kích hoạt nó trước.
Để biết thêm chi tiết, bạn có thể xem hướng dẫn từng bước của WPBeginner Việt Nam về cách cài đặt plugin WordPress.
Sau khi kích hoạt, bạn sẽ cần điều hướng đến Giao diện » Menu từ dashboard WordPress của bạn. Sau đó, chuyển sang tab ‘Quản lý vị trí’.
Từ đây, bạn sẽ thấy danh sách các vị trí menu có sẵn được xác định trong theme WordPress của bạn và các menu hiện đang hiển thị.
Ví dụ, vị trí ‘Menu chính’ của WPBeginner Việt Nam hiện đang hiển thị ‘Menu chính’.
Bây giờ, chúng ta cần yêu cầu plugin hiển thị một menu khác khi một điều kiện nhất định được đáp ứng.
Để thực hiện điều đó, hãy nhấp vào link ‘+ Menu có điều kiện’. Sau đó, bạn có thể chọn menu điều hướng mà bạn muốn hiển thị cho người dùng đã đăng nhập từ dropdown menu.
Tiếp theo, bạn sẽ muốn nhấp vào link ‘+ Điều kiện’.
Thao tác này sẽ mở ra một popup, trong đó bạn sẽ thấy một loạt các điều kiện để lựa chọn.
Chỉ cần đánh dấu vào ô bên cạnh option ‘Người dùng đã đăng nhập’, sau đó nhấp vào nút ‘Lưu’.
Bây giờ bạn có thể truy cập website của mình để xem menu người dùng đã đăng nhập đang hoạt động. Bạn cũng có thể đăng xuất khỏi quản trị viên WordPress của mình để xem menu điều hướng sẽ được hiển thị cho tất cả người dùng khác.
Phương pháp này yêu cầu bạn thêm code vào website WordPress của mình. Nếu bạn chưa từng làm điều này trước đây, hãy xem hướng dẫn của WPBeginner Việt Nam về cách sao chép và dán đoạn code trong WordPress.
Nhìn chung, bạn cần thêm một đoạn code vào file functions.php của theme hoặc một plugin dành riêng cho website. Tuy nhiên, WPBeginner Việt Nam không khuyến khích phương pháp này vì nó có khả năng gây ra sự cố cho website của bạn.
Thay vào đó, bạn có thể sử dụng plugin WPCode.
Mã WP cho phép bạn thêm đoạn code custom vào website của mình mà không cần chỉnh sửa trực tiếp các file của theme. Nó cũng giúp quản lý các đoạn code này và đảm bảo chúng được thực thi an toàn, giảm thiểu rủi ro làm hỏng website của bạn.
Để bắt đầu, hãy cài đặt plugin WPCode. Bạn có thể sử dụng Phiên bản miễn phí của WPCodevì nó có tất cả những thứ bạn cần để hiển thị các menu khác nhau cho người dùng đã đăng nhập.
Sau khi cài đặt, bạn sẽ muốn điều hướng đến Đoạn code » + Thêm đoạn trích.
Thao tác này sẽ mở thư viện đoạn code của WPCode.
Từ đây, bạn có thể nhấp vào nút ‘+ Thêm đoạn code custom’.
Sau đó bạn sẽ đến trình soạn thảo văn bản của WPCode.
Bước tiếp theo là thêm tiêu đề cho đoạn code của bạn và chọn ‘Đoạn code HTML’ từ dropdown menu ‘Loại code’.
Khi hoàn tất, chỉ cần sao chép và dán đoạn code sau vào trường ‘Xem trước code’:
function my_wp_nav_menu_args( $args="" ) {
if( is_user_logged_in() ) {
// Logged in menu to display
$args['menu'] = 43;
} else {
// Non-logged-in menu to display
$args['menu'] = 35;
}
return $args;
}
add_filter( 'wp_nav_menu_args', 'my_wp_nav_menu_args' );
Sau đây là giao diện có thể có trong trình soạn thảo WPCode của bạn:
Hãy chắc chắn rằng bạn thay thế 43 Và 35 với ID cho menu điều hướng mà bạn đã tạo trước đó.
Bạn có thể tìm ID của menu điều hướng bằng cách chọn nó trên trang ‘Menu’. Bạn sẽ thấy số ID của menu trên thanh địa chỉ của trình duyệt.
Sau khi đảm bảo mọi thông tin đều chính xác, hãy nhấp vào nút ‘Lưu đoạn trích’ màu xanh.
Và thế là xong! Chúng tôi hy vọng bài viết này đã giúp bạn biết cách dễ dàng hiển thị các menu điều hướng khác nhau cho người dùng đã đăng nhập trong WordPress. Tiếp theo, bạn cũng có thể muốn xem hướng dẫn của WPBeginner Việt Nam về cách cho phép người dùng mời bạn bè của họ đăng ký trong WordPress và cách định kiểu menu điều hướng WordPress.
Nếu bạn thích bài viết này, vui lòng đăng ký theo dõi WPBeginner Việt Nam Kênh Youtube cho các video hướng dẫn về WordPress. Bạn cũng có thể tìm thấy WPBeginner Việt Nam trên Twitter Và Facebook.
