Thanh Admin Bar WordPress luôn hiện diện khiến bạn "muốn điên"?
Thắc mắc cách dễ dàng vô hiệu hóa Admin Bar?
Bạn đã đến đúng chỗ!
Gần đây, chúng tôi phải ẩn Admin Bar WordPress. Thử và test gần 20 cách khác nhau!
Trong bài viết này, bạn sẽ học cách xóa Admin Bar WordPress.
Mẹo chuyên nghiệp: Để biết quy trình từng bước ẩn Admin Bar, hãy chuyển đến phần dưới đây.
Admin Bar WordPress Là Gì?
Admin Bar giống như "phím tắt nhanh" của trang web WordPress!
Để giải thích: Admin Bar là thanh công cụ 32px hiển thị ở đầu trang quản trị WordPress (Dashboard). Nếu bạn đang đăng nhập, nó cũng xuất hiện trên frontend (giao diện công khai) của trang web.
Hãy tưởng tượng: bạn dành 36 giờ thiết kế say sưa. Còn ly cà phê "hợp lý" cuối cùng. Và bỗng nhận ra mọi công việc bị hỏng vì một thanh công cụ lơ lửng trên đầu.
Bạn sẽ bực mình đến mức nào?
Nhưng vấn đề là: Admin Bar chứa shortcut đến các chức năng chủ yếu truy cập từ dashboard. Giống phím tắt nhanh, bạn thêm chức năng yêu thích vào Admin Bar. Điều này giúp giảm việc chuyển đổi giữa dashboard và Website.
Ví dụ: nếu dùng theme Divi, bạn dễ dàng thêm widget vào Admin Bar. Thay vì vào dashboard sửa thiết kế, bạn truy cập trực tiếp theme từ Admin Bar.
Vậy, nếu hữu ích vậy, tại sao muốn loại bỏ?
Đó là phần tiếp theo!
Tại Sao Muốn Ẩn Admin Bar?
Có 2 lý do chính muốn xóa/ẩn Admin Bar:
- Hạn chế truy cập không cần thiết vào Dashboard WordPress, giữ nó riêng tư
- Để có cái nhìn toàn diện hơn về thiết kế trang web
Gật đầu đồng ý? Tốt!
Dưới đây là 3 cách hàng đầu ẩn Admin Bar, tất cả mất dưới 1 phút!
Cách Ẩn Admin Bar WordPress Qua Dashboard
Bắt đầu với cách đơn giản.
Cách dễ nhất xóa Admin Bar là vô hiệu hóa từ Dashboard WordPress!
Cách làm:
- Di chuột vào phần "Howdy, (tên bạn)" góc trên bên phải. Nhấp "Edit Profile" (Chỉnh sửa hồ sơ).
- Bạn thấy tùy chọn "Toolbar – Show Toolbar when viewing site" (Thanh công cụ – Hiện thanh công cụ khi xem site). Mặc định bật cho tất cả user. Vô hiệu hóa bằng cách bỏ tích ô vuông.
- Kéo xuống dưới, nhấp "Update Profile" (Cập nhật hồ sơ).
Admin Bar WordPress sẽ không còn hiển thị trên frontend cho bất kỳ user nào.
Cách Ẩn Admin Bar WordPress Dùng Plugin?
Trên kho WordPress có hơn 15 plugin chỉ có chức năng ẩn Admin Bar. Sau khi test hết, chúng tôi thấy plugin Hide Admin Bar tốt nhất. Nó có hơn 40.000 lượt tải và thực sự giải pháp một bước!
Chỉ cần cài đặt và kích hoạt plugin lên site WordPress. Xong! Admin Bar không còn hiển thị khi ai truy cập site. Bạn chỉ cần vô hiệu hóa plugin để lấy lại Admin Bar.
Plugin hữu ích khác: Better Admin Bar. Sau khi cài và kích hoạt, bạn chọn từ các tùy chọn:
- Ẩn Admin Bar cho tất cả user
- Ẩn Admin Bar cho tất cả user trừ Admin
- Làm Admin Bar trong suốt (Opacity) — bạn cũng kiểm soát % độ trong suốt
- Ẩn Admin Bar trừ khi di chuột qua (hover)
Chúng tôi luôn ngưỡng mộ plugin dễ dùng và làm tốt nhiệm vụ!
Cách Ẩn Admin Bar WordPress Dùng Code?
Nhiều người không thích cài quá nhiều plugin.
Không sao! Bạn dễ dàng xóa Admin Bar bằng cách sửa code trong file functions.php.
Làm như sau:
- Di chuột vào "Appearance" (Giao diện) từ Menu WordPress.
- Chọn "Theme Editor" (Trình chỉnh sửa theme). Sẽ đưa bạn đến code theme.
- Mở thư mục functions.php. Thường nằm ở danh sách "Theme Files" bên phải (xem ảnh).
- Thêm code sau vào file functions.php:
add_filter('show_admin_bar', '__return_false');
- Kéo xuống dưới, nhấp "Update File" (Cập nhật file).
Admin Bar WordPress giờ đã bị xóa khỏi frontend site! Để hoàn tác, chỉ cần xóa code đã thêm.
Cách Ẩn Admin Bar Cho Vai Trò User Cụ Thể?
Bây giờ, bạn không nhất thiết xóa Admin Bar cho mọi người. Để bảo mật, bạn muốn ẩn Admin Bar cho vai trò user cụ thể.
Bạn có biết?: Thường thì Admin Bar được ẩn cho tất cả user trừ Admin.
Hãy khám phá cách làm.
1. Dùng Plugin
- Nhớ plugin Better Admin Bar vừa nhắc? Vào Settings, nhấp "Hide the Admin Bar for all users except Admin" (Ẩn Admin Bar cho tất cả user trừ Admin).
- Kéo xuống, nhấp "Save". Xong. Admin Bar giờ ẩn cho tất cả user trừ Admin.
Cũng đọc: Hướng dẫn Bảo Mật WordPress Admin
2. Sửa Code:
- Vào thư mục functions.php qua Theme Editor.
- Thêm code sau:
if ( ! current_user_can( 'manage_options' ) ) {
add_filter('show_admin_bar', '__return_false');
}
- Nhấp "Update File". Admin Bar giờ ẩn cho tất cả user trừ admin.
Tiếp Theo Là Gì?
Một trong những điều tuyệt vời về WordPress open source là sự linh hoạt. Không ngạc nhiên có nhiều cách ẩn một thanh công cụ đơn giản!
Hy vọng bài viết giúp bạn xác định và thực hiện cách tốt nhất ẩn Admin Bar. Nếu sau này muốn dùng Admin Bar, chỉ cần quay ngược và hoàn tác.
Nếu thích bài này và thường làm việc với WordPress, xem thêm blog của chúng tôi.
Sứ mệnh: làm WordPress phục vụ kinh doanh bạn. Vì vậy tạo nội dung chất lượng về mọi thứ WordPress. Chúng tôi cũng tạo công cụ quản lý WordPress tuyệt vời gọi là WPRemote. Thử dùng xem!