WordPress 5.9 – Thay đổi hoàn toàn cách tùy biến với Full Site Editing

Mặc dù có chậm hơn dự kiến một chút nhưng cuối cùng chúng ta cũng có WordPress 5.9 vào hôm nay.

Phiên bản lần này sẽ có tên là Josephine, với tính năng full-site editing đã được mong đợi từ lâu.

Mang đến cho WordPress khá năng tùy biến đa dang hơn trên WordPress.

Hy vọng đây sẽ là một kỷ nguyên mới cho người dùng có thể tùy ý thay đổi những gì mình muốn.

wordpress-5.9

Block Theme và Full Site Editing trên WordPress 5.9

WordPress 5.9 sẽ đi kèm với Block Theme, và mình sử dụng giao diện mới có tên là Twenty Twenty-Two.

Block Theme là một giao diện WordPress được xây dựng dựa trên hoàn toàn các block. Block Editor cũng có thể được sử dụng để chỉnh sửa tất cả các khu vực của trang web: header, footer, sidebar…

Tính năng mới Site Editor sẽ mang lại khả năng tùy biến giao diện bằng trình chỉnh sửa khối – Block Editor

Site-Editor-WP5.9

Tính năng vẫn còn Beta và chỉ có trên theme nào hỗ trợ thôi nhé.

Các Blocks mới hỗ trợ tùy biến site toàn diện hơn

Như mình từng giới thiệu đến các bạn cách sử dụng trình chỉnh sửa khối – Gutenberg.

Nhưng với WordPress 5.9 sẽ còn có nhiều các block mới hơn.

 

New-Block

Một số block mới trong danh sách này bao gồm:

  • Navigation
  • Site Logo
  • Header
  • Footer
  • Post Title
  • Next post
  • Previous post
  • Post Comment
  • Archive Title

Bạn có thể dùng các khối này để tự tạo một bố cục riêng cho trang của mình hoặc áp dụng nó trên các post hoặc page.

Tùy biến toàn site dễ dàng hơn

Trong Block Theme cũng có sẵn các tùy chọn để bạn có thể thay đổi và áp dụng nó trên toàn bộ site.

Tính năng Styles này rất tiện để bạn thay đổi một số thứ trên website dễ dàng mà không cần thao tác nhiều.

Site-Styles

Ví dụ như: kiểu chữ, màu sắc background hay bố cục.

Ngoài ra bạn cũng có thể sử dụng riêng cho từng block và áp dụng nó trên giao diện.

styles-blocks

Thay đổi cách sử dụng Navigation Menu

Nếu bạn đang sử dụng Block Theme thì sẽ không thể sử dụng cách cũ để chỉnh sửa phần Menu.

Thay vào đó bạn có thể thêm menu navigation bằng cách sử dụng navigation block mới.

navigation-block

Block mới này giúp bạn dễ dàng thêm các mục menu và chỉnh sửa chúng bằng cách xem trước trực tiếp.

edit-header

Bạn có thể thay đổi màu sắc, căn trái phải, điều chỉnh kích thước và vị trí menu.

change-color-block

Một số cải tiếng về Block Editor trong WordPress 5.9

WordPress vẫn tiếp tục năng cấp trình chỉnh sửa khổi của mình trong phiên bản lần này.

Sau đây là một số chỉnh sửa lớn mà mình sẽ tổng hợp cho các bạn.

Cải tiến khả năng tùy biến kiểu chữ

WordPress 5.9 cải tiến khả năng tùy biến kiểu chữ cho các text block.

Đối với paragraph block, bạn có thể thay đổi kích thước phông chữ, chiều cao dòng, viết hoa chữ cái, khoảng cách giữa các chữ cái và màu sắc.

style-text-block

Giờ đây, heading block cho phép chọn H1, H2, H3  từ menu thả xuống theo chiều dọc.

style-heading-block

Tương tự bạn cũng có thể tùy chỉnh style cho heading của mình.

Hiện thị preview các URL trong trình chỉnh sửa

Trước đây, khi di chuột qua một liên kết trong trình chỉnh sửa bài đăng, bạn chỉ thấy URL.

WordPress 5.9 sẽ hiển thị Preview URL cho các liên kết bên trong trình chỉnh sửa bài đăng.

preview-url

Gallery Block được tối ưu tốt hơn

Trước đây, rất khó để thêm liên kết và kiểu vào các hình ảnh riêng lẻ bên trong một khối thư viện.

Giờ đây cho phép bạn chọn riêng từng style cho mỗi bức ảnh bên trong gallery block.

Bạn cũng có thể dễ dàng chèn liên kết từng hình ảnh hoặc toàn bộ khối.

style-gallery-block

Social Icons and Buttons dễ dàng tùy biến hơn

Trước việc chỉnh sửa từng social trong một khối là hơi khó khăn.

Giờ đây vấn đề này đã được khắc phục bằng sử dụng chung một thanh công cụ duy nhất cho cả khối hoặc riêng từng icon.

edit-social-blockDi chuyển các block nhanh và dễ dàng

Trong chế độ list view – hiện các danh sách block, giờ đây bạn có thể dễ dàng di chuyển các khối bằng cách kéo và thả.

Điều này cho phép bạn dễ dàng tìm kiếm các hoặc di chuyển các block mà bạn muốn chỉnh sửa.

List-view-block
Cải thiện hiệu năng trong WordPress 5.9

Tốc độ ngày càng là yếu tố quan trọng để đánh giá một website cũng như năng cao trải nghiệm người dùng.

Đội ngũ phát triển WordPress luôn cố gắng cải thiện vấn đề hiệu năng trong từng bản update mới.

Lazy load cho hình ảnh

Từ WordPress 5.5 lazy load image đã được mặc định thêm vào, tuy nhiên nó lại thêm thuộc tính này vào tất cả các hình ảnh » làm tăng chỉ số LCP.

Với WordPress 5.9 những hình ảnh hiển thị trong màn hình khi load sẽ không áp dụng lazy load nữa » cải thiện Core Web Vitals của bạn.

Xử lý tốt hơn các kiểu khối và CSS

Trước đây, WordPress đã tải tất cả các stylesheet cho tất cả các block trong một file duy nhất. Với WordPress 5.9, chỉ những style cần thiết mới được tải.

Cải tiến trình chỉnh sửa khối

Trong trình chỉnh sửa block thì tính năng insert block cũng được cải tiến, giúp việc chèn khối mượt mà và tìm kiếm nhanh hơn.

Kết luận

WordPress vẫn đang cải tiến theo đúng lộ trình và kế hoạch đã đặt ra từ trước.

Đó là mang lại khả năng tùy biến toàn diện hơn cho người dùng mà không cần phải dùng plugin bên thứ ba khác.

Sắp tới sẽ có nhiều Block Theme được ra mắt mang lại những điều mới mẻ hơn cho WordPress.

Các bạn cảm thấy thế nào về bản update của WordPress lần này hãy để lại comment ở phía dưới nhé.

Chia sẻ lên:
Đăng ký
Thông báo về
guest
1 Bình Luận
Inline Feedbacks
View all comments

Đăng
Đăng
26/01/2022 6:28 chiều

Bài viết cập nhật nhanh quá