Hôm qua 13/8, WordPress chính thức ra mắt WordPress Browser Extension cho Chrome, Chromium-based browsers và Safari macOS.Đây là tiện ích trình duyệt đầu tiên được phát triển chính thức bởi đội ngũ WordPress, mã nguồn mở trên GitHub. Mình đã cài đặt và test thử ngay trong tối qua, và phải nói là đây là một trong những công cụ hữu ích nhất dành cho developer và content creator dùng WordPress mà mình đã đợi từ lâu.
WordPress Browser Extension la gi va tai sao ban can cai dat?
WordPress Browser Extension là một tiện ích trình duyệt giúp bạn ẩn admin bar, truy cập nhanh các site WordPress, và sử dụng các công cụ dev/test ngay trên toolbar. Nếu bạn từng khó chịu vì admin bar che mất viewport, hoặc phải vào dashboard mỗi lần muốn edit một trang, thì extension này giải quyết hết. Nó hoạt động hoàn toàn trên thiết bị của bạn, không gửi dữ liệu đi đâu cả.
Cai dat WordPress Browser Extension nhu the nao?
Quá trình cài đặt rất đơn giản, mất khoảng 30 giây. Bạn chỉ cần vào Chrome Web Store nếu dùng Chrome, Edge, Brave hoặc bất kỳ trình duyệt nào dựa trên Chromium. Nếu dùng macOS và Safari, bạn tải từ Mac App Store. Tìm kiếm “WordPress Browser Extension”, bấm Add to Chrome (hoặc Install trên Safari), và xong. Không cần cấu hình gì phức tạp.
Link tải trực tiếp:
- Chrome/Chromium: chromewebstore.google.com – tìm “WordPress Browser Extension”
- Safari macOS: Mac App Store – tìm “WordPress Browser Extension”
- Source code: github.com/WordPress/browser-extension
An admin bar va giu lau cac shortcut – tinh nang chinh cua extension
Theo mình đánh giá, đây là tính năng quan trọng nhất. Admin bar thì ai cũng biết – nó ngồi trên cùng mọi trang khi bạn đăng nhập, chiếm không gian viewport, và đôi khi gây ra artifact trên các site dùng sticky header hoặc scroll effect. Trước đây, bạn chỉ có hai lựa chọn: chịu đựng admin bar, hoặc tắt nó trong User Profile và mất luôn tất cả shortcut. Giờ thì extension cho bạn ẩn admin bar nhưng vẫn giữ các shortcut phổ biến ngay trên toolbar browser. Bật lại admin bar cũng chỉ cần 2 cú click.
Cac tinh nang cho developer va content creator
Ngoài việc ẩn admin bar, extension còn cung cấp một bộ công cụ khá đầy đủ mà trước đây mình phải cài nhiều plugin riêng lẻ:
- Block Boundaries: Vẽ ranh giới các block lên trang đã render, giúp bạn thấy cấu trúc block theme ngay trên frontend. Rất hữu ích khi debug layout issue.
- Phone-sized Preview: Mở cửa sổ preview kích thước điện thoại mà không cần DevTools. Nhanh hơn nhiều so với F12 rồi toggle device toolbar.
- Cache Busting Reload: Reload trang bỏ qua cache, hữu ích khi bạn đang test thay đổi mà CDN hay cache layer cứ lưu kết quả cũ.
- Clear Cookies & Local Storage: Xóa cookies và local storage của site hiện tại chỉ với 1 click. Thay vì vào Application tab trong DevTools.
- Quick Edit Access: Khi đang xem một post/page, extension nhận diện ngay và cho bạn nhảy thẳng vào editor cho chính trang đó. Kể cả template-backed pages trên block themes cũng mở đúng Site Editor.
Extension nhan dien site WordPress nhu the nao?
Mình thấy đây là một tính năng nhỏ nhưng khá thú vị. Khi bạn duyệt web, icon của extension sẽ hiển thị trạng thái: site có chạy WordPress hay không, và bạn có đang đăng nhập hay không. Nó đọc trang hiện tại để xác định, không gửi request nào đi. Tính năng này handy khi bạn muốn kiểm tra nhanh một site đối thủ có dùng WordPress hay không, hoặc khi làm competitive analysis.
Quan ly nhieu site WordPress tu mot noi
Extension lưu danh sách các site bạn đăng nhập cục bộ trong browser. Nghĩa là bạn có thể jump vào bất kỳ site nào mình quản lý từ toolbar, mà không cần bookmark hay ghi nhớ URL. Dữ liệu này chỉ lưu trên thiết bị của bạn, không sync lên cloud, không tracking. Nếu bạn quản lý 5-10 site WordPress như mình, tính năng này tiết kiệm khá nhiều thời gian.
WordPress Browser Extension co an toan khong?
Câu trả lời ngắn: Có. Extension là mã nguồn mở, bạn có thể tự đọc toàn bộ source code trên GitHub. Nó không có tracking, không có analytics, không gửi dữ liệu đi đâu cả. Mọi thứ xử lý local trên browser. Extension được phát triển bởi Jake Goldman (Fueled/10up) với sự hỗ trợ từ Matt Mullenweg, nên uy tín khá đảm bảo.
So sanh voi cac plugin admin bar truoc day
Trước đây, nhiều người dùng plugin như “Hide Admin Bar” hay “Admin Bar Disable” để ẩn admin bar. Mình cũng từng dùng. Nhưng vấn đề là plugin chạy bên trong WordPress, nên nó chỉ ẩn được trên site đó. Đổi site là phải cài lại. Extension thì hoạt động ở level browser, nên nó ẩn admin bar trên mọi site WordPress bạn truy cập, mà không cần cài plugin nào cả. Đây là lợi thế lớn nhất.
Cau hinh extension cho workflow toi uu
Mình recommend các bạn cấu hình như sau sau khi cài đặt. Đầu tiên, set “Hide admin bar by default” thành ON nếu bạn đang dev nhiều. Tiếp theo, thêm các site bạn quản lý vào launcher bằng cách đăng nhập vào từng site. Cuối cùng, bật “Block boundaries” chỉ khi cần debug, vì để ON liên tục sẽ làm trang trông rối. Cache busting reload thì cứ để sẵn, dùng khi cần.
Chuan bi cho WordPress 7.1 release 19/8
WordPress 7.1 chính thức release ngày 19/8/2026, hiện tại đã ở giai đoạn Release Candidate 1. Extension này ra mắt đúng thời điểm, giúp bạn test 7.1 trên staging site thuận tiện hơn. Bạn có thể dùng extension để clear cache, check block boundaries trên theme mới, và debug layout nhanh hơn. Nếu chưa chuẩn bị cho 7.1, mình đã viết hướng dẫn checklist nâng cấp WordPress 7.1 an toàn và hướng dẫn test plugin/theme compatibility chi tiết từ A đến Z.
Ket luan: Co nen cai WordPress Browser Extension khong?
Nếu bạn là developer, freelancer, hoặc bất kỳ ai làm việc với WordPress hàng ngày, câu trả lời là có, cài ngay. Extension miễn phí, mã nguồn mở, nhẹ, và giải quyết đúng pain point mà cộng đồng WordPress đã phàn nàn suốt nhiều năm. Mình đặc biệt đánh giá cao tính năng hide admin bar và block boundaries – hai thứ mà trước đây mình phải dùng plugin riêng để giải quyết. Với việc WordPress 7.1 sắp release trong vài ngày nữa, đây là công cụ hữu ích để chuẩn bị.
Link tải: Chrome Web Store | Mac App Store (Safari) | GitHub: github.com/WordPress/browser-extension
