WordPress 6.0 Arturo đã có ở đây và như thường lệ, chúng tôi đã lấp ló sau bức màn để cung cấp cho người đọc bản xem trước về những tính năng mới trong bản phát hành chính mới nhất của WordPress.
Hãy nói ngay rằng, nếu WordPress 5.9 đưa chúng ta đến trung tâm của Giai đoạn 2 của Gutenberg, thì WordPress 6.0 nhằm mục đích hợp nhất các công cụ tùy chỉnh đã có sẵn.
Nhưng phiên bản mới không chỉ có vậy. Như Matias Ventura đã chỉ ra trong Lộ trình sơ bộ cho 6.0, sự ra đời của trình biên tập trang web đã đánh dấu một cột mốc quan trọng nhưng cũng chỉ là bước đầu tiên trong cuộc hành trình.

WordPress 6.0 mang lại những cải tiến đáng kể trong một số lĩnh vực của CMS, từ khả năng sử dụng đến hiệu suất, bao gồm những điều sau:
- Cải thiện kiến trúc thông tin và trải nghiệm duyệt mẫu
- Cải tiến tạo mẫu
- Móc mới
- API Webfonts
- Chế độ duyệt mới cho trình chỉnh sửa trang web
- Các kiểu toàn cầu thay thế
- Một khối Điều hướng nâng cao
- Các công cụ thiết kế mới
- Cải thiện hiệu suất
- Và nhiều hơn nữa…
Nhưng khoan, đó không phải là tất cả. WordPress 6.0 mang đến một số lượng thay đổi ấn tượng, với 251 vé Trac, bao gồm 97 tính năng và cải tiến cùng 131 bản sửa lỗi.
Vâng, có rất nhiều điều để nói. Vì vậy, chúng ta đừng trì hoãn lâu hơn nữa và tìm hiểu những gì mới trong WordPress với 6.0.
API Webfonts
API Webfonts mới hiện cung cấp một cách chuẩn hóa để tải webfonts vào WordPress đảm bảo hiệu suất và quyền riêng tư của người dùng.
Kể từ WordPress 6.0, bạn chỉ có thể đăng ký một webfont mới từ theme.json của mình.
Sử dụng theme.json khá đơn giản. Tất cả những gì bạn cần làm là thêm một họ phông chữ mới vào phần typography
. Đoạn mã sau cung cấp một ví dụ về đăng ký webfont:
{ "settings": { "typography": { "fontFamilies": [ { "fontFamily": "-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif", "name": "System Font", "slug": "system-font" }, { "fontFamily": ""Source Serif Pro", serif", "name": "Source Serif Pro", "slug": "source-serif-pro" }, { "fontFamily": ""Inter", sans-serif", "name": "Inter", "slug": "inter", "fontFace": [ { "fontFamily": "Inter", "fontWeight": "200 900", "fontStyle": "normal", "fontStretch": "normal", "src": [ "file:./assets/fonts/inter/Inter.ttf" ] } ] } ] } } }
Đoạn mã trên thêm họ phông chữ Inter vào bộ phông chữ mặc định có sẵn trong fontFamilies
Twenty-Two. Nếu bạn muốn tự mình thử, hãy tải xuống Inter webfont từ Google Fonts vào thư mục ./assets/fonts , sau đó thêm mã ở trên vào phần settings.typography
của theme.json của Twenty Twenty-Two. Sau khi hoàn tất, hãy lưu tệp và quay lại giao diện chỉnh sửa trang web.
Hình ảnh sau đây hiển thị kết quả trong trình chỉnh sửa.

API Webfonts chỉ đăng ký các phông chữ được yêu cầu để hiển thị các khối trên trang hiện tại và điều đó đặc biệt hữu ích với các webfonts được xác định theo các biến thể kiểu. Ngoài ra, API tối ưu hóa số lượng yêu cầu HTTP bằng cách đăng ký và xếp hàng các phông chữ theo họ phông chữ.
Bạn có thể đọc thêm về API mới trong yêu cầu kéo API Webfonts, trong Trạng thái của API Webfonts cho Bao gồm WordPress 6.0 và trong các biến thể Kiểu toàn cầu trong WordPress 6.0.
Chuyển đổi kiểu toàn cầu
Các biến thể kiểu toàn cầu là một trong những tính năng được chờ đợi nhất trong WordPress 6.0. Các tác giả chủ đề hiện có thể gộp nhiều bộ Phong cách toàn cầu với chủ đề của họ, cho phép người dùng chuyển đổi giữa các biến thể phong cách chỉ bằng một cú nhấp chuột.
Nó giống như việc có các chủ đề con sẵn sàng sử dụng, với một tập hợp các phong cách được xác định trước cho từng chủ đề.
Để thêm một biến thể kiểu vào chủ đề khối của bạn, bạn sẽ thêm tệp JSON thay thế vào thư mục kiểu nằm trong thư mục gốc của chủ đề của bạn.
Chủ đề hỗ trợ các biến thể Kiểu toàn cầu hiển thị một mục kiểu Duyệt mới trong thanh bên Kiểu chung. Điều này đưa đến một bảng nơi người dùng chủ đề tìm thấy danh sách các kiểu có sẵn.

Chọn một Kiểu chung từ danh sách và kiểu này sẽ tự động được áp dụng cho toàn bộ trang web của bạn.

Tính năng mới cho phép các nhà phát triển chủ đề tạo không giới hạn các biến thể kiểu và kết hợp hoàn hảo với API Webfonts mới.
Hình ảnh sau đây cho thấy một kiểu tùy chỉnh từ ví dụ trước, với một phông chữ khác được áp dụng cho các tiêu đề.

Nếu bạn muốn tự mình thử, hãy thêm thư mục kiểu vào thư mục gốc của chủ đề khối, tạo tệp JSON mới với tên có ý nghĩa, mở tệp đó trong trình chỉnh sửa mã yêu thích của bạn và thêm mã sau:
{"version": 2, "settings": {"color": {"duotone": [{"Colors": ["# 143F6B", "#EFEFEF"], "slug": "foreground-and-background" , "name": "Tiền cảnh và hậu cảnh"}, {"màu sắc": ["# 143F6B", "# FEB139"], "slug": "tiền cảnh và phụ", "tên": "Tiền cảnh và phụ" }, {"Colors": ["# 143F6B", "# F6F54D"], "slug": "foreground-and-tertiary", "name": "Foreground and tertiary"}, {"Colors": ["# F55353 "," #EFEFEF "]," slug ":" primary-and-background "," name ":" Primary and background "}, {" Colors ": [" # F55353 "," # FEB139 "]," slug ":" primary-and-Secondary "," name ":" Primary và Secondary "}, {" Colors ": [" # F55353 "," # F6F54D "]," slug ":" primary-and-tertiary " , "name": "Primary and tertiary"}], "Palette": [{"slug": "foreground", "color": "# 143F6B", "name": "Foreground"}, {"slug": "background", "color": "#EFEFEF", "name": "Background"}, {"slug": "primary", "color": "# F55353", "name": "Primary"}, { "slug": "Secondary", "color": "# FEB139", "name": "Secondary"}, {"slug": "te rtiary "," color ":" # F6F54D "," name ":" Tertiary "}]}," kiểu chữ ": {" fontFamilies ": [{" fontFamily ":" "Inter ", sans-serif ", "name": "Inter", "slug": "inter", "fontFace": [{"fontFamily": "Inter", "fontWeight": "200 900", "fontStyle": "normal", "fontStretch" : "normal", "src": ["file: ./ asset / fonts / inter / Inter.ttf"]}]}]}}, "styles": {"blocks": {"core / post-title": {"typography": {"fontFamily": "var (- wp - preset - font-family - inter)", "fontWeight": "700" }}, "core / query-title": {"typography": {"fontFamily": "var (- wp - preset - font-family - inter)"}}}, "phần tử": {" h1 ": {" typography ": {" fontFamily ":" var (- wp - preset - font-family - inter) "," fontWeight ":" 700 "}}," h2 ": {" typography ": {" fontFamily ":" var (- wp - preset - font-family - inter) "," fontWeight ":" 700 "}}," h3 ": {" typography ": {" fontFamily " : "var (- wp - preset - font-family - inter)", "fontWeight": "700"}}, "h4": {"typography": {"fontFamily": "var (- wp - preset - font-family - inter) "," fontWeight ":" 700 "}}," h5 ": {" typography ": {" fontFamily ":" var (- wp - preset-- font-family - inter) "," fontWeight ":" 700 "}}," h6 ": {" typography ": {" fontFamily ":" var (- wp - preset - font-family - inter ) "," fontWeight ":" 700 "}}}," kiểu chữ ": {" fontFamily ":" var (- wp - preset - font-family - inter) "}}}
Bạn có thể tìm thấy mã đầy đủ được sử dụng trong ví dụ trên trên GitHub và gist.
Các nhà phát triển sẽ tìm thấy tổng quan chuyên sâu về Global Styles và Theme.json trong các bài viết tài liệu về Global Settings & Styles và Theme.json.
Bạn cũng có thể kiểm tra phiên bản mới nhất của Twenty Twenty-Two, hiện có ba biến thể kiểu mới.

Các mẫu khối ở mọi nơi
Một điều chắc chắn là các mẫu khối đóng một vai trò trung tâm trong giai đoạn phát triển hiện tại của WordPress. Được giới thiệu lần đầu với WordPress 5.5, các mẫu khối đã được cải tiến thường xuyên theo thời gian.
Ngoài ra, bắt đầu với WordPress 5.9, các mẫu có trong thư mục Mẫu đã vào được các trang web WordPress của chúng tôi, được truy xuất động từ Thư mục Mẫu và được tải trong trình chèn khối.
Và giờ đây, bất kỳ ai cũng có thể trở thành nhà phát triển mẫu nhờ một công cụ trực tuyến hoàn toàn mới. Trình tạo mẫu cho phép bạn xây dựng, chỉnh sửa và gửi các mẫu khối tốt nhất của mình tới Thư mục mẫu . Tất cả những gì bạn cần để bắt đầu là một tài khoản WordPress.org.

Và WordPress 6.0 giới thiệu những cải tiến hơn nữa cho các mẫu khối.
Đầu tiên, các mẫu khối dễ tìm hơn trong chỉnh sửa mẫu. Giờ đây, trình chèn nhanh chỉ hiển thị các mẫu khối khi bạn truy cập nó ở cấp cao nhất của mẫu, tức là khi khối bạn định thêm vào mẫu của mình là con cháu trực tiếp của tài liệu.
Đó là khi các điều kiện sau đáp ứng:
- Bạn đang chỉnh sửa một mẫu khối
- Trình chèn nhanh ở cấp cơ sở
- Bạn đang thêm một khối giữa các khối khác (tức là không phải khối đầu tiên cũng không phải khối mới nhất trên trang)

Một tính năng hữu ích khác hiện cho phép các nhà phát triển chủ đề thêm các mẫu đề xuất vào theme.json . Để dùng thử, hãy tìm kiếm trong Thư mục mẫu, tìm các mẫu bạn muốn giới thiệu cho người dùng chủ đề của mình, sau đó lấy mẫu slug từ URL và thêm nó vào theme.json của bạn như sau:
"patterns": [ "image-with-angled-overlay-shape-call-to-action-button-and-description", "hero-section-with-overlap-image" ],
Người dùng sẽ tìm thấy các mẫu đề xuất của bạn trong trình chèn khối.

Một tính năng mạnh mẽ liên quan đến mẫu đi kèm với WordPress 6.0 là đăng ký mẫu ngầm . Chủ đề hiện có thể đăng ký ngầm các mẫu bằng cách khai báo chúng dưới dạng tệp PHP trong thư mục mới /patterns
ở gốc của chủ đề.
Quá trình này khá đơn giản:
- tạo một thư mục mẫu mới trong thư mục gốc chủ đề của bạn,
- xây dựng một nhóm khối trong trình chỉnh sửa khối,
- sao chép và dán HTML của bạn vào một tệp văn bản mới,
- thêm trước tiêu đề sau,
- và lưu tệp dưới dạng PHP trong thư mục mẫu của bạn.
<?php /** * Title: My pattern * Slug: my-theme/my-pattern * Categories: text */ ?>
Và đó là nó. Bây giờ bạn có một mẫu khối mới để hiển thị trong trình chèn khối.

Mẫu tạo trang là một tính năng khác liên quan đến mẫu khối được giới thiệu với WordPress 6.0. Bây giờ, khi bạn tạo một trang mới, màn hình tạo trang sẽ hiển thị một phương thức cung cấp một tập hợp các mẫu khối mà bạn có thể chọn để tạo trang của mình.
Phương thức chỉ được hiển thị khi có ít nhất một mẫu tuyên bố hỗ trợ cho các loại khối core/post-content
.
Ngoài ra, WordPress 6.0 không bao gồm bất kỳ mẫu nào trong số này, do đó, phương thức sẽ không xuất hiện trừ khi bạn thêm hỗ trợ cho mẫu hiện có. Nhưng việc thêm phương thức vào màn hình tạo trang khá đơn giản.
Nếu bạn đã đăng ký một mẫu khối cho chủ đề của mình như được hiển thị trong ví dụ trên, bạn có thể thêm hỗ trợ cho phương thức mẫu bằng cách sử dụng thuộc tính Block Types
như được hiển thị trong mẫu ví dụ bên dưới:
<?php /** * Title: Pattern with columns * Slug: twentytwentytwo/pattern-with-columns * Block Types: core/post-content * Categories: text */ ?> <!-- wp:heading --> <h2>Hello there!</h2> <!-- /wp:heading --> <!-- wp:columns --> <div class="wp-block-columns"><!-- wp:column --> <div class="wp-block-column"><!-- wp:image --> <figure class="wp-block-image"><img alt=""/></figure> <!-- /wp:image --></div> <!-- /wp:column --> <!-- wp:column --> <div class="wp-block-column"><!-- wp:heading --> <h2>Heading</h2> <!-- /wp:heading --> <!-- wp:paragraph --> <p>Paragraph</p> <!-- /wp:paragraph --></div> <!-- /wp:column --> <!-- wp:column --> <div class="wp-block-column"><!-- wp:list --> <ul><li>List item</li></ul> <!-- /wp:list --></div> <!-- /wp:column --></div> <!-- /wp:columns -->
Lưu mã này trong một tệp PHP trong thư mục /patterns
của chủ đề của bạn. Sau đó, trong bảng điều khiển WordPress của bạn, hãy tạo một trang mới. Bạn sẽ thấy một phương thức mới như được hiển thị trong hình ảnh sau:

Để có cái nhìn sâu hơn về các mẫu tạo trang, hãy xem thêm Các mẫu tạo trang trong WordPress 6.0.
Để có cái nhìn tổng quan hơn về sự phát triển của mẫu khối, hãy xem thêm Các tính năng mới để làm việc với các mẫu và chủ đề trong WordPress 6.0 và Vấn đề theo dõi trên GitHub.
Tính năng chỉnh sửa trang web
Quá trình phát triển Chỉnh sửa trang web đầy đủ vẫn chưa kết thúc với WordPress 5.9. WordPress 6.0 tiến thêm một bước nữa bằng cách cải thiện các chức năng xây dựng chủ đề trực quan và cung cấp các tùy chọn mẫu mới cho các chủ đề khối. Và nhiều tính năng khác đang được triển khai.
Xây dựng chủ đề trực quan
WordPress 6.0 giới thiệu một công cụ xuất chủ đề khối được cải tiến, cho phép bạn tải xuống chủ đề hiện tại với tất cả các thay đổi và tùy chỉnh của bạn.
Nếu bạn chưa sử dụng công cụ xuất chủ đề khối cho đến nay, đây là một công cụ chỉnh sửa trang web mạnh mẽ cho phép bạn xuất các kiểu và mẫu của mình dưới dạng toàn bộ chủ đề.
Khi bạn hài lòng với những thay đổi của mình, từ giao diện của trình chỉnh sửa trang web, hãy mở thanh bên Tùy chọn và tìm phần Công cụ . Tại đây, nút Xuất cho phép bạn tải xuống chủ đề hiện tại với tất cả các tùy chỉnh về kiểu và mẫu của bạn trong một tệp zip.

Sau đó, bạn có thể xuất chủ đề của mình và cài đặt nó trên bất kỳ trang web WordPress nào.
Chúng tôi đã thử nghiệm công cụ xuất chủ đề được cải tiến trên cài đặt WordPress cục bộ và nhận thấy rằng hầu hết mọi thứ đều hoạt động như chúng tôi mong đợi… ?
Dù sao, công cụ xuất khẩu vẫn đang được phát triển, và ngày nay chúng ta chỉ có thể nhìn thấy tiềm năng to lớn của nó. Hãy suy nghĩ về khả năng tạo các chủ đề của bạn từ giao diện chỉnh sửa của trang web của bạn và phân phối chúng trên một số lượng cài đặt tùy ý. Và đó là việc bạn có phải là nhà phát triển hay không…
Vẫn còn rất nhiều vấn đề mở cần được khắc phục, điều này khiến chúng tôi nghĩ rằng chúng tôi sẽ sớm thấy một số cải tiến. Nếu bạn tò mò và muốn tìm hiểu thêm về Xây dựng chủ đề trực quan (với tư cách là chúng tôi), bạn có thể theo dõi Sự cố theo dõi trên GitHub.
Các tùy chọn mẫu khác trong Chủ đề khối
Trong các phiên bản WordPress trước, chúng tôi có sẵn một số loại mẫu giới hạn.

Bây giờ, WordPress 6.0 giới thiệu một số loại mẫu mới, bao gồm Tác giả, Danh mục, Ngày, Thẻ và Phân loại.

Việc bổ sung này sẽ hợp lý hóa quy trình chỉnh sửa trang web của bạn. Để dùng thử, chỉ cần chọn một mẫu mới từ danh sách thả xuống, thêm các khối cần thiết, lưu các thay đổi của bạn và kiểm tra giao diện của nó trên giao diện người dùng. Đúng, nó dễ dàng như vậy. Bây giờ, hãy xem xét điều đó cùng với tính năng xuất chủ đề được đề cập ở trên và bạn sẽ hiểu rõ hơn những gì chúng tôi có thể mong đợi với việc chỉnh sửa trang web sớm.
Cải tiến giao diện và khả năng sử dụng
WordPress 6.0 giới thiệu một số thay đổi đối với giao diện người dùng, nhiều thay đổi nhằm mục đích tạo thứ tự trong thanh bên. Tất cả những thay đổi này kết hợp với nhau sẽ có tác động đáng kể đến trải nghiệm chỉnh sửa tổng thể. Ở đây chúng tôi sẽ chỉ đề cập đến một vài trong số chúng, nhưng bạn có thể kiểm tra ghi chú phát hành Gutenberg để biết danh sách toàn diện hơn về các thay đổi (xem Gutenberg 12.4, 12.5, 12.6, 12.7, 12.8, 12.9, 13.0).
Cải tiến Chế độ xem Danh sách
Chế độ xem Danh sách bị ảnh hưởng bởi một số thay đổi đáng kể nhằm cải thiện khả năng sử dụng của thành phần.
Mở rộng Chế độ xem danh sách trên lựa chọn
Khi bạn nhấp vào một khối trong trình chỉnh sửa, bây giờ khối đó sẽ tự động được đánh dấu trong Dạng xem Danh sách. Nếu khối được lồng trong khối mẹ, khối mẹ sẽ mở rộng hiển thị mục trong cây khối.

Chế độ xem danh sách được thu gọn theo mặc định
Trước WordPress 6.0, khi bạn mở bảng điều khiển Chế độ xem danh sách, bảng điều khiển này sẽ được mở rộng theo mặc định.

Nhưng vì một bài đăng thường bao gồm các cấu trúc phức tạp của các khối lồng nhau, nên việc thu gọn cây khối khi mở Chế độ xem danh sách là hoàn toàn hợp lý.
Với 6.0, Chế độ xem danh sách được thu gọn theo mặc định trong tất cả các trình chỉnh sửa, làm cho cây khối dễ hiểu hơn trong nháy mắt.

Tập trung vào nút Chế độ xem danh sách
Khi bạn mở bảng Chế độ xem danh sách, tiêu điểm bây giờ trở lại chính xác nút Chế độ xem Danh sách. Điều này đặc biệt hữu ích khi bạn duyệt Chế độ xem danh sách từ bàn phím của mình và dẫn đến trải nghiệm chỉnh sửa mượt mà và liền mạch hơn.
Nhiều lựa chọn khối và kéo & thả
Một thay đổi khác đối với Chế độ xem danh sách cho phép bạn chọn nhiều khối ở cùng một cấp và kéo và thả chúng vào một vị trí khác trong danh sách.
Xem trước kiểu khối
Trước WordPress 6.0, các bản xem trước kiểu khối được đặt trong thanh bên khối, chiếm một phần đáng kể trong bảng Kiểu.

Với 6.0, chỉ tên của các biến thể kiểu mới xuất hiện trong bảng Kiểu, trong khi bản xem trước kiểu hiển thị bên ngoài thanh bên khi tên kiểu được di chuột qua hoặc nhận được tiêu điểm.
Thay đổi này làm giảm kích thước thanh bên và sẽ làm cho tên kiểu rõ ràng hơn.

Phần kiểu chữ đoạn văn
Nhằm mục đích tạo thứ tự trong thanh bên của khối, điều khiển Drop Cap cho khối Đoạn văn đã được chuyển từ phần của nó sang phần Kiểu chữ.
Với thay đổi này, tất cả các điều khiển cài đặt kiểu chữ giờ đây được đặt trong cùng một phần, dẫn đến trải nghiệm người dùng nhất quán hơn.

Đã di chuyển cài đặt đường viền và màu sắc trong bảng điều khiển công cụ
Nhằm tạo thứ tự trong một thanh bên cài đặt lộn xộn, cài đặt đường viền và điều khiển cài đặt màu đã được chuyển vào Bảng điều khiển công cụ và có thể được mở rộng và thu gọn trong một số ngữ cảnh.
Đăng kí để nhận thư mới

Thay đổi này sẽ hợp lý hóa trải nghiệm chỉnh sửa với một số khối và mang lại tính nhất quán hơn cho thanh bên.

Đăng xuất bản Lời nhắc danh mục bảng điều khiển
Khi bạn đang vội vàng hoặc thường xuyên xuất bản một số lượng lớn các bài đăng trên blog, bạn có thể dễ dàng quên các thẻ hoặc danh mục. Nếu bạn thường xuyên thấy mình trong tình huống như vậy, bạn sẽ thấy lời nhắc thẻ xuất hiện trong bảng Đăng xuất bản cực kỳ hữu ích.
Giờ đây, để giúp quản trị viên và tác giả trang web đảm bảo bài đăng của họ có các danh mục cần thiết được chỉ định, với WordPress 6.0, một Đề xuất mới: Chỉ định một bảng danh mục sẽ xuất hiện trong bảng Đăng xuất bản khi một danh mục chưa được thêm vào bài đăng.
Hình ảnh bên dưới so sánh bảng Đăng xuất bản trong WordPress 5.9 so với 6.0.

Trình chỉnh sửa mã đã được thêm vào Trình chỉnh sửa trang web
Bắt đầu với WordPress 6.0, Trình chỉnh sửa mã hiện cũng có sẵn trong Trình chỉnh sửa trang web. Như với Trình chỉnh sửa bài đăng, bạn sẽ tìm thấy Trình chỉnh sửa mã trong menu Tùy chọn.

Khóa giao diện người dùng
Mục Khóa mới trong menu thả xuống Cài đặt khác sẽ mở một cửa sổ bật lên nơi bạn có thể ngăn người dùng di chuyển hoặc xóa các khối (hoặc cả hai).

Điều này đặc biệt hữu ích trong việc chỉnh sửa mẫu và các khối có thể sử dụng lại, nơi bạn cũng có thể hạn chế chỉnh sửa khối.

Tính năng mới có thể được lập trình vô hiệu hóa bằng cách sử dụng cài đặt canLockBlocks
mới.
Đoạn mã sau chỉ bật tính năng khóa khối cho người dùng có vai trò Người chỉnh sửa trở lên:
add_filter( 'block_editor_settings_all', function( $settings, $context ) { $settings['canLockBlocks'] = current_user_can( 'delete_others_posts' ); return $settings; }, 10, 2 );
Các nhà phát triển cũng có thể ẩn giao diện người dùng Khóa khối trên các loại khối cụ thể bằng cách sử dụng thuộc tính lock
:
{ "apiVersion": 2, "supports": { "lock": false } }
Bạn có thể đọc thêm về khóa khối trong Cài đặt khóa khối trong WordPress 6.0.
Nhiều lựa chọn
Giờ đây, bạn có thể chọn văn bản trên nhiều khối.

Giữ phong cách
Khi bạn biến đổi các khối hoặc tạo các nút mới, một số kiểu hiện được duy trì.
Hình ảnh dưới đây cho thấy một khối Danh sách với các kiểu khác nhau.

Khi bạn chuyển khối Danh sách thành các đoạn văn, các khối mới sẽ giữ nguyên kiểu dáng như các mục danh sách trước đó.

Cải tiến tương tự cũng áp dụng cho các nút mới được thêm vào khối Nút, hiện kế thừa kiểu dáng từ các nút liền kề.
Khối cốt lõi mới
Số lượng khối lõi không ngừng tăng lên. Nếu bạn đang tự hỏi hiện có những khối cốt lõi nào, thì bây giờ có một trang Sổ tay cung cấp danh sách đầy đủ các khối lõi có trong plugin Gutenberg. Đối với mỗi khối, Tên, Danh mục, Hỗ trợ và Thuộc tính được cung cấp, cũng như một liên kết hữu ích đến mã nguồn mà các nhà phát triển khối sẽ yêu thích.
Và nhiều khối khác sẽ ra mắt với WordPress 6.0. Tìm ở đây các khối bạn có thể mong đợi với phiên bản sắp tới.
Vòng lặp truy vấn nhận xét
Tương tự như khối Vòng lặp Truy vấn, một khối Vòng lặp Truy vấn Nhận xét mới hiển thị các nhận xét của bài đăng. Đó là một khối nâng cao bao gồm một số khối bên trong mà bạn có thể chỉnh sửa và định cấu hình riêng.
Như hình ảnh bên dưới cho thấy, bạn có thể chọn bất kỳ khối nào có trong khối Vòng lặp Truy vấn Nhận xét để tùy chỉnh giao diện của nó theo ý muốn. Bạn cũng có thể thêm nhiều khối hoặc di chuyển hoặc loại bỏ các khối hiện có (Mã nguồn).

Đọc thêm
Một khối Đọc thêm mới và có thể tùy chỉnh cho phép bạn tùy chỉnh các khía cạnh khác nhau của nút Đọc thêm: đường viền, màu sắc, góc, kiểu chữ và hơn thế nữa (Mã nguồn).
Đây là một bổ sung tuyệt vời vì nó cho phép bạn thêm và tùy chỉnh liên kết Đọc thêm bên ngoài ngữ cảnh của khối Trích dẫn.

Không có kết quả trong vòng lặp truy vấn
Khối Không có Kết quả là một vùng chứa khối trong đó bạn có thể thêm bất kỳ văn bản hoặc khối nào để hiển thị khi truy vấn không có kết quả. Để thêm khối Không có kết quả vào Vòng lặp truy vấn, chỉ cần chọn Vòng lặp truy vấn và nhấp vào biểu tượng dấu cộng ở góc dưới cùng bên phải để khởi chạy trình chèn nhanh. Sau đó tìm kiếm Không có kết quả. Khối không có sẵn bên ngoài Vòng lặp truy vấn (Mã nguồn).

Tiểu sử Tác giả Ảnh đại diện và Bài đăng
WordPress 6.0 cũng giới thiệu các loại khối mới để chia khối Tác giả thành các thành phần của nó và sử dụng chúng riêng biệt trong nội dung của bạn.
Khối Tiểu sử Tác giả Bài viết cung cấp mô tả của các tác giả (Mã nguồn).
Khối Hình đại diện chỉ đơn giản là hiển thị hình đại diện của người dùng cho phép bạn chọn giữa các tác giả trang web (Mã nguồn).

Khối này đặc biệt hữu ích để hiển thị hình đại diện của tác giả bên ngoài ngữ cảnh của khối Thông tin tác giả hoặc nhận xét. Ví dụ: bạn có thể sử dụng nó trên một trang dành riêng cho tất cả các tác giả hoặc trên một trang hiển thị các bài đánh giá từ người dùng / độc giả của bạn.
Cải tiến đối với các khối hiện có
WordPress 6.0 cũng giới thiệu một số thay đổi và cải tiến cho các khối hiện có có khả năng tác động mạnh đến quy trình chỉnh sửa của bạn. Khối Điều hướng sẽ bị ảnh hưởng bởi một số thay đổi, nhưng bạn cũng sẽ thấy các cải tiến trong các khối khác, bao gồm Vòng lặp truy vấn, Hình ảnh nổi bật, Nhóm và Biểu tượng xã hội.
Cải tiến khối điều hướng
Trong vài tháng qua, khối Điều hướng đã nhận được một số cải tiến và hiện có giao diện dễ sử dụng hơn đáng kể.
Đầu tiên, một bản xem trước phong phú đã được thêm vào khối Liên kết điều hướng. Khi bạn thêm một liên kết trỏ đến một tài nguyên có thể truy cập công khai, nhấp vào nút liên kết trong thanh công cụ khối sẽ hiển thị hình ảnh xem trước của tài nguyên đó.

Một số thay đổi bổ sung ảnh hưởng đến trải nghiệm chỉnh sửa tổng thể.
Bây giờ, khi bạn thêm một menu mới và chỉ có một Menu Điều hướng tồn tại, thì nó sẽ được mặc định là menu khả dụng duy nhất. Thay đổi này sẽ tăng tốc quy trình chỉnh sửa của bạn nếu bạn chỉ có một Menu Điều hướng.
Liên kết Điều hướng đã có một trường mô tả nơi người dùng có thể nhập văn bản mô tả các liên kết điều hướng của họ. Tuy nhiên, trong các phiên bản WordPress trước, các chủ đề không thể hỗ trợ tính năng này.
Bây giờ, với WordPress 6.0, <span class="wp-block-navigation-item__description">
xuất hiện sau nhãn của liên kết.

Trong Twenty Twenty-Two, phần .wp-block-navigation-item__description
bị ẩn qua CSS, nhưng các chủ đề có thể thêm thuộc tính display: block
để hiển thị mô tả liên kết.

Bộ lọc vòng lặp truy vấn và hình ảnh nổi bật
Phần cài đặt Bộ lọc vòng truy vấn hiện hiển thị các trường đầu vào cho các đơn vị phân loại tùy chỉnh. Điều này cho phép người dùng lọc loại bài đăng hiện tại theo một hoặc nhiều đơn vị phân loại tùy chỉnh đã đăng ký cho loại bài đăng đã chọn.
Giờ đây, bạn cũng có thể lọc các bài đăng của nhiều tác giả, trong khi ở các phiên bản trước, bạn chỉ được phép chọn một tác giả duy nhất từ trình đơn thả xuống.

Ngoài ra, bây giờ bạn cũng có thể đặt kích thước Hình ảnh nổi bật bên trong khối Vòng lặp truy vấn.

Hỗ trợ kiểu chữ và đường viền trong các khối nhóm đáp ứng
Các khối Nhóm và Hàng hiện hỗ trợ cài đặt Kiểu chữ. Thay đổi này cho phép người dùng áp dụng cùng một cài đặt kiểu chữ cho toàn bộ nhóm khối cùng một lúc, tiết kiệm một vài cú nhấp chuột khi định dạng một nhóm chứa nhiều khối lồng nhau.

Khối Nhóm đã được cải tiến hơn nữa và giờ đây bạn có thể dễ dàng nhóm các khối trong Ngăn xếp hoặc Hàng chỉ với một cú nhấp chuột.
Chỉ cần chọn các khối bạn muốn nhóm và chọn một trong ba điều khiển có sẵn trong thanh công cụ khối: Nhóm , Hàng , Ngăn xếp .
Khi bạn đã nhóm các khối, một bảng điều khiển mới trong thanh bên cài đặt hiển thị các mô tả biến thể Nhóm cho phép bạn chuyển đổi biến thể bằng một vài cú nhấp chuột.

WordPress 6.0 cũng giới thiệu hỗ trợ ký quỹ cho các khối Nhóm, cho phép người dùng kiểm soát lợi nhuận trên và dưới riêng biệt.

Hình ảnh nổi bật trong Khối bìa
Giờ đây, bạn có thể sử dụng Hình ảnh nổi bật trong các khối Bìa vì với WordPress 6.0, công cụ chuyển đổi Sử dụng hình ảnh nổi bật đã được thêm vào thanh công cụ khối. Nhờ điều khiển mới này, bạn có thể chuyển từ hình ảnh hiện tại sang hình ảnh nổi bật chỉ với một cú nhấp chuột.

Hiển thị / Ẩn Nhãn trong Biểu tượng Xã hội
Một cải tiến nhỏ nhưng hữu ích cho khối Biểu tượng xã hội hiện cho phép người dùng bật / tắt nhãn liên kết biểu tượng.

Khi bật tùy chọn này, bạn có thể hiển thị tên dịch vụ mặc định hoặc đặt các nhãn tùy chỉnh cho các biểu tượng của mình một cách riêng biệt.

Các cải tiến bổ sung của khối
Phiên bản WordPress sắp tới cũng mang lại một số cải tiến lớn cho nhiều khối khác.
Ví dụ, bây giờ bạn có thể kiểm soát đường viền của các khối Cột (Gutenberg 12.7).

Một cải tiến UX hữu ích khác cho phép bạn chèn các liên kết nội bộ bằng cách sử dụng [[
trình kích hoạt bàn phím.

Giờ đây, việc kiểm soát không gian xung quanh hình ảnh trong một khối Thư viện trở nên dễ dàng hơn nhờ tính năng kiểm soát Khoảng cách khối mới.


Các thay đổi dành cho nhà phát triển và cải thiện hiệu suất
WordPress 6.0 cũng bổ sung nhiều tính năng cho các nhà phát triển.
- Bộ lọc
wp_content_img_tag
mới cho phép điều chỉnh hình ảnh trong một khối nội dung HTML (xem Bộ lọc mới để sửa đổi hình ảnh nội dung trong WordPress 6.0). - Phương thức
parse_request
đã thay đổi để giảm số lượng truy vấn khi bộ lọcdo_parse_request
trả về false (xem Thay đổi đối với bộ lọc do_parse_request trong WordPress 6.0). - Bây giờ bạn có thể đăng ký các khối từ bên trong một chủ đề (xem Đăng ký các khối từ bên trong Chủ đề).
- Thuộc tính
ancestor
mới làm cho một khối chỉ khả dụng bên trong các loại khối được chỉ định (xem Thuộc tính tổ tiên mới trong block.json).
Bản phát hành mới cũng giúp tăng hiệu suất, với một số bổ sung cho WordPress Caching API, cải thiện hiệu suất cho các truy vấn thuật ngữ phân loại và cải thiện hiệu suất hơn nữa cho các trang web đơn lẻ có số lượng người dùng lớn.
Điều này kết thúc đợt tổng hợp các tính năng mới và những thay đổi mà bạn sẽ thấy sau khi cập nhật các trang web WordPress của mình lên 6.0.
Nhưng đây chỉ là một số cải tiến trong WordPress 6.0. Để có danh sách đầy đủ, hãy xem ghi chú phát hành của Gutenberg và Hướng dẫn hiện trường cho WordPress 6.0.
Bản tóm tắt
Như đã đề cập ở trên, bây giờ chúng ta có thể nói rằng chúng ta đang ở giữa giai đoạn hai của quá trình phát triển Gutenberg, Giai đoạn Tùy chỉnh .
Chỉnh sửa trang web đầy đủ hiện là một phần của lõi WordPress và 6.0 và các phiên bản sau sẽ mang lại những cải tiến hơn nữa cho những gì chúng tôi đã có và có thể sử dụng ngay bây giờ.
Tất cả điều này sẽ có tác động rất lớn đến hệ sinh thái WordPress và web nói chung, đồng thời xét rằng, tại thời điểm viết bài,
WordPress được sử dụng bởi 64,2% trong số tất cả các trang web có hệ thống quản lý nội dung mà chúng tôi biết. Đây là 43,0% của tất cả các trang web. (Nguồn W3Techs)
Bây giờ chúng ta sẽ dừng lại ở đây. Danh sách các tính năng và cải tiến của chúng tôi đi kèm với WordPress 6.0 không thể hết trong một bài đăng, nhưng hy vọng rằng, ít nhất chúng tôi đã nêu bật những bổ sung sẽ có tác động lớn nhất đến cách chúng tôi sử dụng WordPress hàng ngày.
Bây giờ chúng tôi muốn kết thúc bài viết này với một số câu hỏi cho độc giả của chúng tôi!
Hãy chia sẻ suy nghĩ của bạn với cộng đồng trong phần bình luận bên dưới. ?
Tiết kiệm thời gian, chi phí và tối đa hóa hiệu suất trang web với:
- Trợ giúp tức thì từ các chuyên gia lưu trữ WordPress, 24/7.
- Tích hợp Cloudflare Enterprise.
- Tiếp cận khán giả toàn cầu với 34 trung tâm dữ liệu trên toàn thế giới.
- Tối ưu hóa với Giám sát Hiệu suất Ứng dụng được tích hợp sẵn của chúng tôi.
Tất cả những điều đó và hơn thế nữa, trong một kế hoạch không có hợp đồng dài hạn, hỗ trợ di chuyển và đảm bảo hoàn tiền trong 30 ngày. Kiểm tra các kế hoạch của chúng tôi hoặc nói chuyện với bộ phận bán hàng để tìm ra kế hoạch phù hợp với bạn.