Hiển thị menu khác cho user đăng nhập WordPress

6 tháng ago, WordPress Themes, Views

Giới thiệu về tùy biến menu WordPress theo trạng thái đăng nhập

WordPress là một nền tảng quản lý nội dung (CMS) mạnh mẽ, cho phép bạn tạo và quản lý trang web một cách dễ dàng. Một trong những tính năng quan trọng của WordPress là hệ thống menu điều hướng, giúp người dùng dễ dàng tìm thấy nội dung mà họ cần. Tuy nhiên, trong nhiều trường hợp, bạn có thể muốn hiển thị các menu khác nhau cho người dùng đã đăng nhập và người dùng chưa đăng nhập. Ví dụ, bạn có thể muốn hiển thị menu với các tùy chọn quản lý tài khoản cho người dùng đã đăng nhập, trong khi người dùng chưa đăng nhập chỉ thấy menu chung giới thiệu về trang web.

Bài viết này sẽ hướng dẫn bạn các phương pháp khác nhau để hiển thị các menu khác nhau cho người dùng đăng nhập trong WordPress, từ sử dụng plugin đến tùy chỉnh code.

Tại sao cần hiển thị menu khác nhau cho người dùng đã đăng nhập?

Việc tùy biến menu theo trạng thái đăng nhập mang lại nhiều lợi ích cho trang web của bạn:

Cải thiện trải nghiệm người dùng: Người dùng đã đăng nhập sẽ có quyền truy cập vào các tùy chọn quản lý tài khoản, hồ sơ cá nhân và nội dung dành riêng cho thành viên, giúp họ sử dụng trang web một cách hiệu quả hơn.
Tăng tính bảo mật: Ẩn các liên kết quản trị khỏi người dùng chưa đăng nhập giúp bảo vệ trang web khỏi các truy cập trái phép.
Tăng tính cá nhân hóa: Hiển thị nội dung và chức năng phù hợp với từng đối tượng người dùng, tạo cảm giác được quan tâm và gắn bó hơn với trang web.

Sử dụng Plugin để hiển thị menu khác nhau

Đây là phương pháp đơn giản và phổ biến nhất, phù hợp với những người không rành về code. Có nhiều plugin WordPress miễn phí và trả phí có thể giúp bạn dễ dàng tạo và quản lý các menu khác nhau dựa trên trạng thái đăng nhập.

Các plugin phổ biến

If Menu: Plugin này cho phép bạn hiển thị hoặc ẩn các mục menu dựa trên nhiều điều kiện, bao gồm trạng thái đăng nhập, vai trò người dùng và hơn thế nữa. Nó cung cấp giao diện trực quan để quản lý các điều kiện hiển thị menu.
WP Menu Visibility: Một plugin đơn giản và dễ sử dụng, tập trung vào việc kiểm soát hiển thị menu dựa trên trạng thái đăng nhập.
Nav Menu Roles: Plugin này cho phép bạn chỉ định vai trò người dùng nào được phép xem một mục menu cụ thể.

Hướng dẫn sử dụng Plugin If Menu

Cài đặt và kích hoạt plugin “If Menu” từ kho plugin WordPress.
Truy cập vào “Appearance” -> “Menus” trong bảng điều khiển WordPress.
Chọn menu bạn muốn chỉnh sửa.
Mở rộng mục menu bạn muốn kiểm soát hiển thị.
Bạn sẽ thấy một tùy chọn mới “If menu”.
Chọn “Logged In” hoặc “Logged Out” để chỉ định điều kiện hiển thị.
Lưu menu.

Tùy chỉnh code để hiển thị menu khác nhau

Nếu bạn muốn có nhiều quyền kiểm soát hơn hoặc không muốn sử dụng plugin, bạn có thể tùy chỉnh code theme WordPress của mình để hiển thị các menu khác nhau. Phương pháp này đòi hỏi kiến thức về PHP và WordPress theme.

Sử dụng hàm `wp_nav_menu()` với điều kiện

Hàm `wp_nav_menu()` là hàm chính để hiển thị menu trong WordPress. Bạn có thể sử dụng hàm này kết hợp với điều kiện để hiển thị các menu khác nhau dựa trên trạng thái đăng nhập.

Ví dụ:


<?php
if ( is_user_logged_in() ) {
    wp_nav_menu( array( 'theme_location' => 'logged-in-menu' ) );
} else {
    wp_nav_menu( array( 'theme_location' => 'logged-out-menu' ) );
}
?>

Trong ví dụ này, chúng ta kiểm tra xem người dùng đã đăng nhập hay chưa bằng hàm `is_user_logged_in()`. Nếu người dùng đã đăng nhập, chúng ta hiển thị menu được gán cho vị trí theme “logged-in-menu”. Nếu người dùng chưa đăng nhập, chúng ta hiển thị menu được gán cho vị trí theme “logged-out-menu”.

Đăng ký các vị trí menu (theme locations)

Để sử dụng ví dụ trên, bạn cần đăng ký các vị trí menu “logged-in-menu” và “logged-out-menu” trong file `functions.php` của theme:


<?php
function my_theme_register_nav_menu() {
    register_nav_menus(
        array(
            'logged-in-menu' => __( 'Logged In Menu', 'text_domain' ),
            'logged-out-menu' => __( 'Logged Out Menu', 'text_domain' )
        )
    );
}
add_action( 'after_setup_theme', 'my_theme_register_nav_menu' );
?>

Sau khi đăng ký các vị trí menu, bạn có thể gán các menu khác nhau cho các vị trí này trong phần “Appearance” -> “Menus” trong bảng điều khiển WordPress.

Thêm code vào theme

Sau khi đăng ký vị trí menu, bạn cần thêm đoạn code PHP ở trên vào vị trí thích hợp trong theme của bạn, thường là trong file `header.php` hoặc nơi bạn muốn hiển thị menu.

Các lưu ý quan trọng khi tùy biến menu

Sao lưu theme: Trước khi thực hiện bất kỳ thay đổi nào đối với code theme, hãy sao lưu theme của bạn để đảm bảo an toàn trong trường hợp xảy ra lỗi.
Sử dụng child theme: Để tránh mất các tùy chỉnh khi cập nhật theme, hãy sử dụng child theme.
Kiểm tra kỹ lưỡng: Sau khi thực hiện các thay đổi, hãy kiểm tra kỹ lưỡng trang web của bạn để đảm bảo menu hiển thị đúng cách cho cả người dùng đã đăng nhập và chưa đăng nhập.

Các phương pháp nâng cao

Ngoài các phương pháp cơ bản được trình bày ở trên, bạn cũng có thể sử dụng các phương pháp nâng cao hơn để tùy biến menu dựa trên nhiều yếu tố khác, chẳng hạn như:

Vai trò người dùng: Hiển thị các menu khác nhau cho các vai trò người dùng khác nhau (ví dụ: quản trị viên, biên tập viên, tác giả).
Trang cụ thể: Hiển thị các menu khác nhau trên các trang khác nhau.
Tùy biến dựa trên logic phức tạp: Sử dụng các hàm tùy chỉnh để kiểm tra các điều kiện phức tạp hơn và hiển thị menu phù hợp.

Kết luận

Việc tùy biến menu dựa trên trạng thái đăng nhập là một cách tuyệt vời để cải thiện trải nghiệm người dùng, tăng tính bảo mật và cá nhân hóa trang web WordPress của bạn. Cho dù bạn chọn sử dụng plugin hay tùy chỉnh code, hãy đảm bảo bạn hiểu rõ các bước thực hiện và kiểm tra kỹ lưỡng để đảm bảo mọi thứ hoạt động đúng cách.

#ezw_tco-2 .ez-toc-widget-container ul.ez-toc-list li.active::before { background-color: #ededed; } aa