WordPress 7.1 có gì mới và làm sao khai thác mà không làm hỏng website? Câu trả lời ngắn gọn là: đừng bật tất cả trên website chính ngay lập tức. Hãy sao lưu, tạo môi trường staging, kiểm tra theme và plugin, sau đó thử từng nhóm tính năng theo mức độ rủi ro.
WordPress 7.1 “Mary Lou” được phát hành ngày 19 tháng 8 năm 2026, tập trung vào thiết kế responsive, cộng tác trong trình biên tập, quy trình xử lý media và khả năng tùy biến giao diện. Tên mã này nhằm tôn vinh nghệ sĩ piano, nhà soạn nhạc jazz Mary Lou Williams (theo WordPress.org).
Nếu bạn quản trị website thường xuyên trên nhiều trình duyệt, hãy xem thêm công cụ kiểm tra WordPress trên trình duyệt để bổ sung bước kiểm thử sau cập nhật.
WordPress 7.1 có gì mới đáng thử trước?
Ba nhóm thay đổi phù hợp nhất với chủ website là responsive styling controls, media editor WordPress và Notes WordPress. Mỗi nhóm giải quyết một vấn đề khác nhau, vì vậy cũng cần cách kiểm thử khác nhau.
| Tính năng | Giá trị thực tế | Rủi ro cần kiểm tra | Ai nên thử trước |
|---|---|---|---|
| Responsive styling controls | Thiết lập kiểu hiển thị theo Tablet và Mobile trong trình biên tập | Breakpoint, CSS cũ, xung đột theme hoặc builder | Website dùng block theme |
| Media editor WordPress | Cắt, xoay, lật, chỉnh tỷ lệ và metadata trong cửa sổ riêng | Ảnh gốc, quyền ghi file, thumbnail và plugin tối ưu ảnh | Website xuất bản nhiều hình ảnh |
| Notes WordPress | Góp ý trực tiếp trên nội dung, phản hồi và cộng tác rõ ràng hơn | Quyền người dùng, thông báo và quy trình duyệt | Đội ngũ nhiều biên tập viên |
| Cải thiện xử lý media | Tải lên bền bỉ hơn và hỗ trợ thêm một số quy trình xử lý phía trình duyệt | Trình duyệt, dung lượng file, hosting và CDN | Website có video hoặc ảnh dung lượng lớn |
| Trạng thái tương tác | Tùy chỉnh hover, focus, focus-visible và active cho một số block | Khả năng tiếp cận, độ tương phản và CSS theme | Website cần tối ưu giao diện nút |
Responsive styling cho phép đặt giá trị phong cách theo các viewport Tablet và Mobile ở Global Styles hoặc trên từng block. WordPress tạo CSS theo media query cho những giá trị này; breakpoint có thể được cấu hình ở cấp theme thông qua theme.json (theo WordPress.org).
Media editor mới đưa thao tác cắt ảnh vào một modal riêng, hỗ trợ cắt tự do, tỷ lệ khung hình, xoay theo bước nhỏ hoặc góc định sẵn, lật ảnh và chỉnh metadata. Điều này tiện hơn, nhưng bạn vẫn nên giữ bản sao ảnh gốc trước khi chỉnh hàng loạt.
Notes được mở rộng theo hướng cộng tác: ghi chú gắn với nội dung hoặc block, phản hồi định dạng phong phú, thông báo, phản ứng emoji và khả năng áp dụng đề xuất. Tuy nhiên, tính năng này chỉ hữu ích khi đội ngũ thống nhất ai được nhận xét, ai được sửa và ai có quyền xuất bản (theo WordPress.org).
Checklist cập nhật WordPress 7.1 không làm hỏng website
1. Chuẩn bị bản sao và staging
- Ghi lại phiên bản WordPress, theme, plugin, PHP và cấu hình máy chủ hiện tại.
- Sao lưu đầy đủ cơ sở dữ liệu, thư mục
wp-contentvà file cấu hình cần thiết. - Tạo staging có dữ liệu gần giống website thật. Không nên chỉ kiểm tra trên một trang trắng.
- Đảm bảo bạn có phương án khôi phục: bản backup đã tải về hoặc snapshot từ nhà cung cấp hosting.
Trước khi cập nhật, mở các trang tạo chuyển đổi chính như trang chủ, landing page, giỏ hàng, biểu mẫu liên hệ và bài viết có nhiều ảnh. Chụp lại trạng thái hiển thị để so sánh sau khi nâng cấp.
2. Kiểm tra theme, plugin và trình biên tập
Trên staging, cập nhật theme và plugin theo tài liệu tương thích của nhà cung cấp trước hoặc sau khi nâng WordPress theo đúng khuyến nghị của họ. Kiểm tra đặc biệt các plugin page builder, cache, tối ưu ảnh, membership, thương mại điện tử và plugin thêm block tùy chỉnh.
Sau đó, tạo một bài nháp kiểm thử gồm tiêu đề, đoạn văn, nút, ảnh, gallery, video, bảng và form. Nếu website dùng block theme, mở Site Editor và kiểm tra Global Styles. Nếu dùng theme cổ điển, đừng kỳ vọng mọi điều khiển responsive mới xuất hiện đầy đủ.
3. Thử responsive styling controls có kiểm soát
- Chọn một block ít quan trọng, chẳng hạn nhóm nội dung trên staging.
- Thiết lập một thay đổi rõ ràng ở Mobile, ví dụ giảm cỡ chữ hoặc khoảng cách.
- Xem trước ở Desktop, Tablet và Mobile trong editor.
- Mở trang ở trình duyệt ẩn danh và kiểm tra thêm bằng thiết bị thật.
- Đo lại các thành phần dễ vỡ như menu, bảng, nút CTA và cột hình ảnh.
Không nên đặt quá nhiều breakpoint hoặc sửa cùng lúc ở Global Styles và từng block. Khi có lỗi, hãy xóa thay đổi ở block riêng lẻ trước, sau đó mới kiểm tra theme.json và CSS tùy chỉnh. Nếu quy trình biên tập của bạn không muốn người dùng tự thay đổi theo viewport, WordPress 7.1 có thiết lập responsiveEditingEnabled để tắt giao diện chỉnh responsive; việc này không xóa các style responsive đã lưu (theo WordPress.org).
4. Kiểm thử media editor và Notes
Với media editor, hãy thử lần lượt ảnh JPEG, PNG, WebP và ảnh có kích thước lớn. Sau khi cắt hoặc xoay, kiểm tra ảnh trong Media Library, bài viết cũ, sitemap hình ảnh và phiên bản thumbnail. Không chỉnh trực tiếp ảnh duy nhất của website nếu chưa chắc hosting có thể khôi phục file.
Với Notes, tạo ba vai trò thử nghiệm: người viết, biên tập viên và người duyệt. Gắn ghi chú vào một đoạn văn, trả lời ghi chú, đề cập đồng nghiệp nếu quy trình hỗ trợ, rồi kiểm tra người nào nhận được thông báo. Hãy thống nhất quy ước như “Góp ý”, “Cần sửa”, “Đã xử lý” để tránh biến Notes thành kênh trao đổi không có kết luận.
Nếu website có nhiều người dùng, bạn nên rà soát thêm cách quản trị quyền hạn và nhật ký AI agent để xây dựng nguyên tắc phê duyệt rõ ràng cho các quy trình tự động hoặc cộng tác mới.
Cách kiểm tra kết quả và xử lý lỗi thường gặp
Sau khi cập nhật staging, dùng checklist nghiệm thu dưới đây trước khi triển khai production:
- Hiển thị: kiểm tra trang chủ, bài viết, trang danh mục, menu, footer và mẫu 404 trên màn hình rộng, máy tính bảng và điện thoại.
- Chức năng: gửi form, đăng nhập, tìm kiếm, thanh toán, tải ảnh và thao tác với nội dung động.
- Hiệu suất: xóa cache đúng quy trình rồi kiểm tra lại; đừng kết luận dựa trên một lần tải khi cache chưa ổn định.
- SEO: kiểm tra tiêu đề, canonical, dữ liệu có cấu trúc, ảnh đại diện và khả năng lập chỉ mục.
- Truy cập: dùng bàn phím để đi qua menu, nút và modal; kiểm tra focus, nhãn biểu mẫu và độ tương phản.
Một số lỗi thường gặp có cách xử lý tương đối rõ:
- Giao diện Mobile bị tràn: tắt thay đổi responsive vừa tạo, kiểm tra chiều rộng cố định trong block hoặc CSS cũ, rồi thử lại từng thuộc tính.
- Ảnh chỉnh sửa không hiển thị: kiểm tra quyền ghi thư mục tải lên, tạo lại thumbnail và tạm tắt plugin tối ưu ảnh để xác định xung đột.
- Editor bị lỗi JavaScript: mở Console, tắt từng plugin liên quan đến block hoặc builder, sau đó đối chiếu phiên bản tương thích.
- Notes gây quá nhiều thông báo: giới hạn người theo dõi, thống nhất quy tắc đề cập và chuyển ghi chú đã xử lý sang trạng thái hoàn tất.
- Media Library tải vô hạn khó dùng: kiểm tra tùy chọn trong hồ sơ người dùng hoặc cấu hình bộ lọc phù hợp; WordPress 7.1 thay đổi hành vi mặc định sang infinite scroll, nên cần đánh giá cả khả năng tiếp cận (theo WordPress.org).
Chỉ triển khai production khi staging đã vượt qua kiểm tra chức năng và bạn có backup mới ngay trước thời điểm cập nhật. Sau đó theo dõi log lỗi, form, đơn hàng và các trang có traffic cao trong ít nhất một chu kỳ vận hành phù hợp với website.
Với website phụ thuộc mạnh vào tìm kiếm, hãy kết hợp kiểm tra sau cập nhật với cách đọc dữ liệu AI Overviews và AI Mode để phát hiện sớm thay đổi về hiển thị và lưu lượng từ Google.
Nguồn tham khảo
