Ẩn thanh Admin bar ngoài Front-end WordPress đơn giản nhất 2024

Admin bar ngoài Front-end trong WordPress là một thanh công cụ hiển thị ở phía trên cùng của trang web khi bạn đã đăng nhập vào tài khoản WordPress. Nó xuất hiện khi truy cập vào bất kỳ trang nào thuộc phần Front-end (giao diện người dùng) của trang web. Admin bar chỉ hiển thị cho những người dùng đã đăng nhập, với các tùy chọn và liên kết nhanh thanh Admin bar sẽ giúp người quản trị truy cập nhanh đến các tác vụ bên trong Dashboard.

Nghe thì có vẻ tiện lợi, nhưng với mình thì rất ít khi dùng tới thanh này vì nó ảnh hưởng đến tốc độ tải trang với khách hàng của mình. Việc hiển thị Admin bar ngoài front-end có thể làm tăng lượng tài nguyên tải (CSS, JavaScript) cho thanh này, đặc biệt khi người dùng không cần sử dụng.

Nếu bạn là không thích thanh Admin bar ngoài Front-end thì hãy ẩn Admin bar ngoài Front-end đi, bạn có thể sử dụng một trong các cách sau:

1. Sử dụng File functions.php

Thêm đoạn mã sau vào file functions.php của theme đang sử dụng:

add_filter('show_admin_bar', '__return_false');

Đoạn mã này sẽ ẩn Admin bar cho tất cả người dùng trên Front-end.

Cách thức hoạt động:

• add_filter() là một phần của hệ thống hooks (lập trình móc nối) trong WordPress. Nó thêm một bộ lọc để điều chỉnh giá trị của hàm show_admin_bar().
• '__return_false' là một hàm nội bộ của WordPress, trả về false, có nghĩa là khi WordPress kiểm tra có hiển thị Admin bar hay không, nó sẽ luôn nhận được giá trị false.

2. Ẩn Admin Bar cho một số người dùng cụ thể

Nếu bạn chỉ muốn ẩn Admin bar cho những vai trò người dùng cụ thể (ví dụ: không ẩn với Admin), bạn có thể sử dụng đoạn mã sau:

if (!current_user_can('administrator')) {
    add_filter('show_admin_bar', '__return_false');
}

Đoạn mã này chỉ ẩn Admin bar đối với người dùng không phải là Administrator.

Cách thức hoạt động:

current_user_can('administrator'):

• Đây là một hàm WordPress dùng để kiểm tra xem người dùng hiện tại có quyền quản trị viên hay không.
• Nếu người dùng không phải là quản trị viên, hàm này sẽ trả về false.
• Ngược lại, nếu người dùng là quản trị viên, hàm sẽ trả về true.

!current_user_can('administrator'):

• Dấu chấm than ! là phủ định. Nó có nghĩa là “nếu người dùng hiện tại không có quyền quản trị viên”.
• Cụ thể, nếu người dùng hiện tại không có quyền “administrator”, đoạn mã bên trong khối if sẽ được thực thi.

add_filter('show_admin_bar', '__return_false'):

• Đây là cách sử dụng bộ lọc (filter) của WordPress để điều chỉnh giá trị của hàm show_admin_bar().
• '__return_false' là một hàm trả về false nhằm ẩn Admin bar. Khi bộ lọc này được thêm, WordPress sẽ không hiển thị thanh Admin bar cho người dùng không phải là quản trị viên.

3. Sử dụng Plugin

Bạn có thể cài đặt plugin Hide Admin Bar hoặc các plugin tương tự để dễ dàng ẩn thanh Admin bar mà không cần can thiệp vào code.

Chọn phương pháp phù hợp nhất với nhu cầu của bạn. Sau đó bạn load trang web của bạn và xem thành quả thôi …

Bài viết liên quan

CSS Tạo Menu Đa Cấp Cho Website WordPress Theme Flatsome 2024

Code chèn nội dung quảng cáo vào giữa bài viết trong wordpress