WordPress 5.7 “Esperanza” mang đến người dùng những tính năng cải tiến hơn. Điều này giúp hỗ trợ tối ưu trình soạn thảo.
Đầu năm 2021, trình soạn thảo WordPress 5.7 ra mắt cho phép trang web chuyển đổi từ HTTP sang HTTPS chỉ với một cú nhấp chuột. Dưới đây là tổng quan về tất cả các tính năng mới trong WordPress 5.7.
Vì sao nên update WordPress?
Với từng phiên bản mới nhất của WordPress, luôn có sự sửa lỗi, thêm tính năng mới, cải thiện hiệu suất và tăng cường các tính năng hiện có. Để theo kịp với các tiêu chuẩn công nghiệp tiên tiến thay đổi từng ngày.
Những lý do của việc nên update WordPress bản mới nhất phải kể đến là:
- Tăng tính bảo mật được cho là lý do quan trọng nhất cho việc cập nhật cho trang web WordPress của bạn.
- Nhiều tính năng và chức năng mới cải thiện các Plugins cài đặt.
- Tốc độ cải tiến hiệu suất làm cho WordPress chạy nhanh hơn và hiệu quả hơn.
- Sửa lỗi trang web WordPress miễn phí.
- Khả năng tương thích với các Themes hiện đại, Plugins và Web Technologies tốt hơn.
Cập nhật WordPress phiên bản mới giúp hạn chế sự tấn công của tin tặc, không bỏ lỡ các tính năng mới hoặc sự cải tiến.
Lưu ý trước khi update WordPress
Lưu ý khi tiến hành cập nhật WordPress hay làm bất kỳ thay đổi gì bạn cần sao lưu dữ liệu (Backup). Hạn chế những rủi ro mặc dù lỗi có thể hiếm khi gặp, nhưng lúc nào bạn cũng cần có kế hoặc quay ngược lại. Để đề phòng trường hợp site bị hỏng hoặc gặp vấn đề tải trang.
Tham khảo thêm: WordPress là gì? Cách thiết kế Web WordPress hoàn chỉnh
WordPress 5.7 “Esperanza” có những tính năng gì mới?
Với phiên bản mới, WordPress 5.7 “Esperanza” mang đến người dùng bảng màu sắc tươi mới. Trình chỉnh sửa giúp tùy chỉnh ở một số nơi mà trước đây không thể làm được. Bạn có thể làm nhiều hơn mà không phải viết thêm code bổ sung hay thuê chuyên gia.
Các điều khiển mà bạn sử dụng nhiều như thay đổi kích thước phông chữ, bố cục, thay đổi kích thước hình ảnh trở nên đơn giản hơn.
Từng phiên bản WordPress mới đều cập nhật rất nhiều chỉnh sửa. WordPress phiên bản 5.7 cũng không ngoại lệ.
- Dễ dàng chuyển đổi HTTP sang HTTPS
- Trình soạn thảo dễ sử dụng hơn
- Chuẩn hóa bảng màu WP-Admin
- Không phải viết thêm code bổ sung
- Hệ thống Robots API mới
- Tiếp tục cập nhật Lazy Loading iFrames
Dễ dàng chuyển đổi HTTP sang HTTPS
Với phiên bản WordPress 5.7 mới nhất, hứa hẹn sẽ đơn giản hóa quá trình chuyển đổi URLs từ HTTP sang HTTPS chỉ với một cú click chuột.
Sau đó, toàn bộ các URLs có trên Website sẽ tự động cập nhật và chuyển đổi sang HTTPS mà không mắc lỗi trùng lặp nội dung so với khi làm thủ công.
Trong phần Site Health của WordPress cũng hiển thị trạng thái kiểm tra HTTPS cho các URLs có trong cơ sở dữ liệu trang web.
Trình soạn thảo dễ sử dụng hơn
WordPress 5.7 đã thực hiện các cải tiến hỗ trợ quá trình chỉnh sửa văn bản thuận tiện hơn cho người dùng:
Điều chỉnh kích thước phông chữ tại nhiều vị trí:
- Đối với List và Code block bạn đã có thể dễ dàng chỉnh sửa kích thước font chữ mà không cần phải chuyển sang một màn hình khác.
- Các thông số đã có sẵn bên phần thông tin Block trên giao diện WordPress.
Các khối có thể tái sử dụng:
- Những cập nhật mới trong phần Editor giúp bạn sử dụng lại các block ổn định hơn và đơn giản hơn.
- WordPress 5.7 đã tự động lưu bài viết sau khi bạn bấm nút “Update” thành công.
Hỗ trợ thao tác kéo - thả các block nội dung:
- Với bản cập nhật mới nhất này, WordPress đã cho phép bạn kéo và thả các khối nội dung vào trong bài viết đơn giản và thuận tiện hơn.
- Bạn không cần phải bấm vào nút (+) như trước đây mà chỉ cần chọn block và kéo thả vào vị trí mong muốn.
Chuẩn hóa bảng màu WP-Admin
Trong WordPress 5.7, tất cả các màu được sử dụng trong CSS được thu gọn xuống còn bảy màu cốt lõi và một loạt 56 sắc thái đáp ứng tỷ lệ tương phản được khuyến nghị WCAG 2.0 AA so với màu trắng hoặc đen.
Việc tiêu chuẩn hóa bộ màu này sẽ giúp những người đóng góp đưa ra quyết định thiết kế nhất quán, dễ tiếp cận. Các nhà phát triển được khuyến khích sử dụng bảng màu mới này khi chọn Themes hoặc Plugin, để có sự đồng bộ tốt hơn giữa các sản phẩm của họ và WordPress Core. Các Plugin sử dụng các lớp CSS Core nên thiết lập bằng bảng màu mới, vì mọi lớp Core đều được cập nhật tương ứng.
Không phải viết thêm code bổ sung
Có thể thực hiện các thay đổi nội dung WordPress mà không cần viết thêm code bổ sung:
- Hỗ trợ Full-height block: Dễ dàng tạo một khối lấp đầy toàn bộ cửa sổ trình duyệt. Điều này sẽ giúp bạn tạo được nhiều layout đẹp và bắt mắt hơn nhiều.
- Button: Có thể chọn bố cục dọc hoặc ngang cho các button trong block editor. Người dùng hoàn toàn chọn % chiều rộng cho button.
- Thay đổi kích thước Social Icon: Dễ dàng thay đổi kích thước các biểu tượng mạng xã hội.
Hệ thống Robots API mới
WordPress giới thiệu bộ lọc dựa vào Robots API cho phép các Developer kiểm soát và cập nhật thẻ meta robots trên website. Và thêm trực tiếp max-image-preview:large vào thẻ theo mặc định.
Thẻ robots meta này thường được đặt trong phần <head> của một trang nhất định:

Cho phép công cụ tìm kiếm như Google sử dụng hình ảnh lớn để xem trước, giúp nâng cao trải nghiệm người dùng. Chỉ thị hiện được thêm vào theo mặc định cho các trang web muốn được lập chỉ mục bởi các công cụ tìm kiếm.
Nếu bạn muốn tắt chức năng này thì có thể sử dụng đoạn code sau vào file functions.php.

Tiếp tục cập nhật Lazy Loading iFrames
WordPress 5.5 đã mặc định thêm Lazy-Loading cho image, thì sang WordPress 5.7 sẽ thêm thuộc tính loading = “lazy” vào các thẻ iframe được tùy chỉnh cả chiều rộng và chiều cao. Điều này giúp tăng tốc độ Website đáng kể. Giờ bạn có thể nhúng Youtube video mà không lo ảnh hưởng đến tốc độ tải trang.
Hiện nay 2 công cụ kiểm tra tốc độ tải trang tốt nhất là:
- GTmetrix
- Pagespeed Insight
Lazy Load Image là kỹ thuật được sử dụng phổ biến nhất khi nói đến tăng tốc độ tải hình ảnh. Cho phép tải xuống hình ảnh hiển thị trên màn hình trình duyệt của người dùng. Các hình ảnh khác sẽ được tải xuống khi người dùng cuộn trang.
Hy vọng bài viết trên đây đã giúp bạn hiểu rõ những điểm mới trong phiên bản WordPress 5.7.
Tham khảo thêm: Cách tăng tốc WordPress đơn giản trong 10 bước
Bước tiếp theo
Muốn tự làm được việc này trên website của bạn?
SEO Master hướng dẫn làm SEO trong 24 buổi, từ tư duy nền tảng tới triển khai và đo lường trên website thật.
Định nghĩaWordPress 5.7 là phiên bản WordPress có tên Esperanza, ra mắt đầu năm 2021, giúp chuyển đổi HTTP sang HTTPS bằng một cú nhấp chuột và làm trình soạn thảo dễ dùng hơn.
Cách cập nhật WordPress 5.7 an toàn và dùng tính năng mới
Các bước giúp bạn sao lưu dữ liệu trước khi cập nhật WordPress 5.7, rồi tận dụng HTTPS, trình soạn thảo mới, Robots API và Lazy Loading cho iframe.
- Sao lưu dữ liệu websiteBackup toàn bộ dữ liệu trước khi cập nhật để có kế hoạch quay ngược lại nếu site bị hỏng hoặc gặp vấn đề tải trang.
- Cập nhật lên WordPress 5.7Tiến hành update lên bản mới để nhận các bản sửa lỗi, tăng tính bảo mật, cải thiện hiệu suất và tương thích tốt hơn với Themes, Plugins.
- Chuyển URLs từ HTTP sang HTTPSDùng tính năng chuyển đổi một cú nhấp chuột để toàn bộ URLs tự cập nhật sang HTTPS, rồi xem trạng thái kiểm tra HTTPS trong Site Health.
- Làm quen trình soạn thảo mớiChỉnh kích thước font chữ ngay trong List và Code block, tái sử dụng block, rồi kéo thả block vào vị trí mong muốn mà không cần bấm nút dấu cộng.
- Kiểm tra thẻ meta robotsWordPress 5.7 tự thêm max-image-preview:large vào thẻ meta robots để ảnh hiện khổ lớn trên trang kết quả, muốn tắt thì dán một dòng code vào functions.php.
- Đo tốc độ tải trangSau khi Lazy Loading được thêm cho iframe, nhúng video Youtube rồi kiểm tra tốc độ tải trang bằng GTmetrix hoặc Pagespeed Insight.
Câu hỏi thường gặp về WordPress 5.7
Giải đáp trực tiếp các câu hỏi thường gặp về WordPress 5.7 dựa trên dữ liệu triển khai thực tế, quy trình kiểm thử kỹ thuật và kinh nghiệm thực chiến trên website thật để tối ưu hiệu quả tìm kiếm.
Cập nhật WordPress có thể làm hỏng website hay gây lỗi tải trang không?
Có thể, dù lỗi hiếm khi gặp. Vì vậy trước khi cập nhật WordPress hoặc làm bất kỳ thay đổi nào, bạn cần sao lưu dữ liệu (Backup) và có kế hoạch quay ngược lại, để đề phòng trường hợp site bị hỏng hoặc gặp vấn đề tải trang.
Không cập nhật WordPress lên bản mới thì website gặp rủi ro gì?
Website dễ bị tin tặc tấn công hơn, vì tăng tính bảo mật là lý do quan trọng nhất để cập nhật WordPress. Bạn cũng bỏ lỡ các bản sửa lỗi, tính năng mới, cải tiến hiệu suất và khả năng tương thích với Themes, Plugins hiện đại.
Chuyển HTTP sang HTTPS thủ công trên WordPress dễ gặp lỗi gì?
Làm thủ công dễ gây lỗi trùng lặp nội dung. Từ WordPress 5.7, quá trình chuyển đổi URLs sang HTTPS chỉ cần một cú click chuột, toàn bộ URLs trên website tự cập nhật mà không mắc lỗi trùng lặp nội dung, và phần Site Health hiển thị trạng thái kiểm tra HTTPS cho URLs trong cơ sở dữ liệu.
Nhúng video Youtube có làm website WordPress tải chậm không?
Từ WordPress 5.7, nỗi lo đó giảm đáng kể. Phiên bản này thêm thuộc tính loading = “lazy” vào các thẻ iframe có chiều rộng và chiều cao, nên bạn có thể nhúng video Youtube mà không lo ảnh hưởng đến tốc độ tải trang. Bạn kiểm tra lại tốc độ bằng GTmetrix hoặc Pagespeed Insight.
Bảng màu WP-Admin trong WordPress 5.7 được chuẩn hóa ra sao?
Tất cả màu dùng trong CSS được thu gọn còn bảy màu cốt lõi và một loạt 56 sắc thái, đáp ứng tỷ lệ tương phản WCAG 2.0 AA so với màu trắng hoặc đen. Nhà phát triển được khuyến khích dùng bảng màu mới cho Themes và Plugin để đồng bộ với WordPress Core.
Robots API mới trong WordPress 5.7 thay đổi thẻ meta robots thế nào?
Robots API cho phép Developer kiểm soát và cập nhật thẻ meta robots qua bộ lọc, đồng thời thêm max-image-preview:large vào thẻ theo mặc định. Nhờ đó Google được dùng ảnh lớn để xem trước trên trang kết quả. Muốn tắt hành vi mặc định, bạn dán một dòng code vào functions.php.
WordPress 5.7 cho tùy chỉnh gì mà không cần viết thêm code?
Bạn tạo được Full-height block lấp đầy toàn bộ cửa sổ trình duyệt, chọn bố cục dọc hoặc ngang và % chiều rộng cho button trong block editor, và đổi kích thước biểu tượng mạng xã hội bằng Social Icon. Các việc này trước đây thường cần code bổ sung hoặc thuê chuyên gia.
Trình soạn thảo WordPress 5.7 cải tiến những thao tác nào?
Trình soạn thảo cho chỉnh kích thước font chữ ngay trong List và Code block, tái sử dụng block ổn định và đơn giản hơn, tự động lưu nội dung sau khi bấm “Update”. Bạn cũng kéo thả block vào vị trí mong muốn mà không cần bấm nút dấu cộng như trước.
Phiên bản WordPress 5.7 Esperanza là gì và ra mắt khi nào?
WordPress 5.7 Esperanza là phiên bản WordPress ra mắt đầu năm 2021. Phiên bản WordPress 5.7 cho phép chuyển URLs từ HTTP sang HTTPS chỉ với một cú nhấp chuột, làm trình soạn thảo dễ dùng hơn, chuẩn hóa bảng màu WP-Admin, thêm Robots API mới và mở rộng Lazy Loading cho iframe.
Có cần sao lưu website trước khi update WordPress không?
Có, cần sao lưu dữ liệu (Backup) trước khi update WordPress hoặc làm bất kỳ thay đổi nào trên website. Lỗi khi update WordPress hiếm khi gặp, nhưng bản sao lưu giúp bạn có kế hoạch quay ngược lại nếu site bị hỏng hoặc gặp vấn đề tải trang.
Lazy Loading cho iframe trong WordPress 5.7 khác gì Lazy Loading cho ảnh ở WordPress 5.5?
WordPress 5.5 mặc định thêm Lazy Loading cho hình ảnh, còn WordPress 5.7 mở rộng sang iframe bằng cách thêm thuộc tính loading = “lazy” vào các thẻ iframe có chiều rộng và chiều cao. Lazy Loading cho iframe giúp tăng tốc độ website, nên video Youtube nhúng vào không còn làm chậm tốc độ tải trang.
Nên bắt đầu dùng WordPress 5.7 từ tính năng nào?
Nên bắt đầu WordPress 5.7 bằng việc sao lưu dữ liệu rồi chuyển URLs từ HTTP sang HTTPS, vì tính năng chuyển đổi chỉ cần một cú nhấp chuột và Site Health hiển thị trạng thái kiểm tra HTTPS. Sau đó, bạn làm quen trình soạn thảo mới với kéo thả block và chỉnh font chữ ngay trong block.
Làm tiếp trên chính website của bạn
Chọn theo điều bạn đang cần: người soi website, nền tảng để tự làm, hay người kèm tới nơi.
Phân tích SEO và GEO Online
Tìm đúng chỗ website đang nghẽn, bàn giao thứ tự sửa và bản đồ nội dung theo DLN™. Học tiếp Mentor thì phí này được trừ vào học phí.
Xem phạm vi phân tíchKhóa học SEO cơ bản Online
6 buổi online về Technical và On-page, đủ nền tảng để tự rà và sửa website của bạn.
Xem lộ trình họcMentor SEO 1 kèm 1 Online
12 buổi trong 4 tuần, làm trực tiếp trên website của bạn cùng Danh Nolan.
Xem cách kèm