WordPress 5.8 “Tatum” đã có mặt và đây là một bản phát hành quan trọng. Bên cạnh số lượng tính năng, cải tiến và sửa lỗi đáng kinh ngạc, WP 5.8 giới thiệu một cách mới để xây dựng trang web bằng cách đưa các tính năng đầu tiên thuộc dự án rộng hơn được gọi là Chỉnh sửa toàn bộ trang web .
Ngoài Chỉnh sửa toàn bộ trang web, WordPress 5.8 mang đến rất nhiều thay đổi và cải tiến cho một số lĩnh vực của CMS.
Người dùng WordPress không sử dụng plugin Gutenberg sẽ tìm thấy các tính năng và cải tiến đến từ chín bản phát hành Gutenberg hoàn toàn (để biết thêm chi tiết về từng bản phát hành, hãy xem Gutenberg 9.9, 10.0, 10.1, 10.2, 10.3, 10.4, 10.5, 10.6, 10.7).
Một tính năng mới quan trọng đối với những người dùng nghiêm túc về hiệu suất trang web của họ là hỗ trợ định dạng WebP.
Các nhà phát triển chắc chắn sẽ yêu thích việc loại bỏ IE11 khỏi danh sách các trình duyệt được hỗ trợ, cấu hình khối và cơ chế tạo kiểu mới dựa trên theme.json , hệ thống đăng ký khối được cải tiến dựa trên block.json và nhiều cải tiến API đi kèm với bản phát hành WordPress thứ hai năm 2021 .
Vì vậy, hãy chờ đợi vì nó sẽ là một tập hợp dài các tính năng và cải tiến mở đường cho các công cụ xây dựng trang web mạnh mẽ mới dự kiến sẽ phát hành trong những tháng tới.
Các tính năng chỉnh sửa trang web đầy đủ trong WordPress 5.8
Tầm nhìn đằng sau Chỉnh sửa trang web đầy đủ là cung cấp một bộ sưu tập các công cụ và tính năng cho phép người dùng WordPress xây dựng toàn bộ trang web bằng cách sử dụng các khối. Với Chỉnh sửa trang web đầy đủ, chúng ta sẽ thấy nhiều khối có sẵn để tạo bất kỳ phần tử nào trên trang, từ menu điều hướng đến thương hiệu trang web, tiện ích thanh bên, mẫu, v.v.
Ngay cả khi WordPress 5.8 giới thiệu một số tính năng thuộc phạm vi Chỉnh sửa trang web đầy đủ (FSE), đừng mong đợi thấy một môi trường xây dựng trang web trực quan đầy đủ tính năng. FSE vẫn đang trong quá trình hoàn thiện và việc phát hành WordPress 5.8 sẽ mở ra một loại giai đoạn beta công khai. Theo Josepha Haden Chomphosy:
Chỉnh sửa toàn bộ trang web là một tập hợp các dự án và chúng đại diện cho một sự thay đổi lớn, được cho là quá nhiều cho một bản phát hành duy nhất. Bối cảnh quan trọng nhất cần chia sẻ là nó không phải là trải nghiệm mặc định, đầy đủ cho người dùng. Một trong những phản hồi rõ ràng nhất từ quá trình hợp nhất Giai đoạn Một là không có đủ thời gian để các nhà mở rộng của chúng tôi (đại lý, tác giả chủ đề, nhà phát triển plugin, người xây dựng trang, v.v.) chuẩn bị cho những thay đổi sắp tới.
Với ý nghĩ đó, quá trình hợp nhất này sẽ không phải là một công tắc bật / tắt. Trọng tâm bây giờ không phải là trải nghiệm người dùng đầy đủ và sắc thái, mà là một phiên bản beta công khai mở trong WordPress 5.8.
Vì vậy, WordPress 5.8 không giới thiệu trải nghiệm FSE hoàn hảo và đầy đủ ngay bây giờ. Thay vào đó, chúng ta sẽ thấy các tính năng mới được bổ sung và cải thiện theo thời gian, bắt đầu từ phiên bản 5.8. Vì lý do tương tự, chúng tôi có thể cho rằng WordPress 5.8 sẽ không có tác động đáng kể đến cách chúng tôi sử dụng để xây dựng trang web.
Tại thời điểm viết bài này, chủ sở hữu và quản trị viên trang web vẫn phải chọn FSE một cách có ý thức bằng cách cài đặt chủ đề khối, chẳng hạn như Twenty-Twenty One Blocks (phiên bản dựa trên khối của Twenty-Twenty One) và kích hoạt plugin Gutenberg.
Chỉnh sửa trang web đầy đủ bao gồm một loạt các dự án con riêng biệt, bao gồm Trình chỉnh sửa trang web, Kiểu chung, khối truy vấn, khối điều hướng, Mẫu, chủ đề khối, và nhiều hơn nữa. Nhưng điều gần gũi nhất với Chỉnh sửa trang web trong WordPress 5.8 là Chế độ chỉnh sửa mẫu và các Khối chủ đề tương ứng có sẵn để sử dụng trong chế độ đó, như chúng ta sẽ thấy ở phần sau của bài viết này.
Tiếp theo, hãy đi sâu vào một số tính năng FSE được hợp nhất vào Core với WordPress 5.8 .
Chế độ chỉnh sửa mẫu
Chế độ Chỉnh sửa Mẫu cung cấp một cách để tạo các mẫu bài đăng / trang bằng cách sử dụng các khối. Đó là một cách tuyệt vời để giảm độ phức tạp của việc xây dựng trang web, cho phép người dùng tận dụng một số tính năng chỉnh sửa trang web từ bên ngoài giao diện trình chỉnh sửa trang web trong khi làm quen với các khối. Điều này cũng rất tốt cho những người dùng không sử dụng các chủ đề dựa trên khối nhưng vẫn tìm kiếm một cách dễ dàng để tạo và chỉnh sửa các mẫu từ giao diện người dùng của trình chỉnh sửa khối.
Trước đây, việc tùy chỉnh các chủ đề chưa bao giờ dễ dàng đến thế trong WordPress. Giờ đây, bạn không cần phải xây dựng chủ đề con để tạo các mẫu tùy chỉnh của mình nữa. Với WordPress 5.8, Chỉnh sửa Mẫu không giới hạn đối với các chủ đề chặn mà còn có sẵn để bạn sử dụng với các chủ đề cổ điển, mặc dù bạn phải chọn tham gia để bật tính năng này cho các chủ đề cổ điển.

Để tạo một mẫu mới, bạn chỉ cần bật Chế độ Chỉnh sửa Mẫu trong thanh bên Cài đặt . Một bảng Mẫu mới hiện có sẵn để người dùng chuyển chế độ chỉnh sửa (xem ghi chú phát hành Gutenberg 10.5).

Từ bảng Mẫu , bạn có thể tạo mẫu mới hoặc chỉnh sửa mẫu hiện có.

Để tạo một mẫu mới, hãy nhấp vào Mới . Sau đó, nhập tên mẫu vào phương thức và nhấp vào Tạo , và bạn đã sẵn sàng.

Trong Chế độ chỉnh sửa mẫu, bạn có thể xây dựng mẫu của mình bằng cách sử dụng tất cả các khối có sẵn, bao gồm các khối FSE như Tiêu đề trang, Dòng giới thiệu trang, Đăng nhập / đăng xuất và nhiều khối khác.
Khi bạn hài lòng với các chỉnh sửa của mình, bạn có thể chuyển trở lại chế độ Chỉnh sửa bài đăng và lưu mẫu riêng biệt với nội dung bài đăng / trang, như thể hiện trong hình ảnh bên dưới:

Các mẫu được lưu trữ trong cơ sở dữ liệu WordPress của bạn dưới dạng các loại bài đăng tùy chỉnh có tên wp_template
. Điều này không chỉ cho phép bạn chỉnh sửa mẫu từ giao diện trình chỉnh sửa mà còn giúp bạn dễ dàng nhập hoặc xuất chúng theo ý muốn. Bạn cũng có thể sử dụng một mẫu trên các trang web khác nhau (tại thời điểm viết bài này, tính năng này chỉ khả dụng nếu bạn kích hoạt plugin Gutenberg).

Chế độ chỉnh sửa mẫu vẫn còn một chút lỗi tại thời điểm viết bài này, như đã báo cáo trong cuộc gọi kiểm tra và thử nghiệm này từ Justin Tadlock.

Nhưng tất cả chỉ cần một chút kiên nhẫn và đợi các vấn đề chính được khắc phục để hiểu đầy đủ về cách Chế độ chỉnh sửa mẫu sẽ thay đổi cách bạn tùy chỉnh giao diện trang web của mình.
Người dùng sẽ không còn cần đến các kỹ năng của nhà phát triển để có được quyền kiểm soát hoàn toàn đối với bố cục và giao diện tổng thể của trang web.

Lúc đầu, Chế độ Chỉnh sửa Mẫu đã có sẵn cho cả chủ đề khối và chủ đề cổ điển. Sau khi thảo luận kỹ lưỡng trong kênh khách hàng tiềm năng 5.8, người ta đã quyết định chọn trình chỉnh sửa mẫu chọn tham gia cho các chủ đề cổ điển và chọn không tham gia cho các chủ đề khối (xem thêm kéo # 32858).
Theo Carolina Nymark:
Ban đầu, chỉnh sửa mẫu đã được bật cho tất cả các chủ đề. Các nhà phát triển chủ đề đã đưa ra lo ngại rằng họ không thể cập nhật tất cả các chủ đề cổ điển hiện có của họ để hỗ trợ tính năng mới này. Với sự thay đổi muộn, nhóm phát hành và nhóm biên tập chọn thay đổi chỉnh sửa mẫu để chọn tham gia cho các chủ đề cổ điển.
Để chọn tham gia các chủ đề cổ điển, bây giờ các nhà phát triển nên thêm hỗ trợ chủ đề:
add_theme_support( 'block-templates' );
Các chủ đề cổ điển sử dụng theme.json có thể chọn không tham gia bằng cách xóa hỗ trợ chủ đề:
remove_theme_support( 'block-templates' );
Để có cái nhìn tổng quan chi tiết hơn về cách hoạt động của Chế độ chỉnh sửa mẫu trong WordPress 5.8 và một số ví dụ hữu ích về cách sử dụng, hãy nhớ xem video này của Anne McCarty:
Khối chủ đề
Như đã đề cập trước đó, FSE không phải là một tính năng đơn lẻ mà là một tập hợp hoàn chỉnh các tính năng xây dựng trang web không chỉ liên quan đến trình chỉnh sửa trang web. Chế độ Chỉnh sửa Mẫu chỉ là một ví dụ về điều đó. Nhưng cùng với Chỉnh sửa Mẫu, WordPress 5.8 cũng mang đến nhiều khối chủ đề có thể hiển thị thông tin được truy xuất động từ cơ sở dữ liệu. Một số khối này cũng có thể được sử dụng trong ngữ cảnh không phải FSE (xem sự cố # 28744).

Khối chủ đề mang lại các chức năng của thẻ mẫu cho các chủ đề cổ điển và bạn có thể sử dụng chúng theo cách tương tự như các khối thông thường. Ví dụ: bạn có thể thêm thẻ bài đăng hoặc hình ảnh nổi bật của bài đăng ở bất kỳ đâu trong nội dung bài đăng hoặc mẫu. Để có ý tưởng về số lượng khối chủ đề được thêm vào lõi với WordPress 5.8, chỉ cần nhập / đăng vào trình giữ chỗ khối:

Một khối chủ đề hữu ích có sẵn với WordPress 5.8 là khối Đăng nhập / đăng xuất , cung cấp liên kết đăng nhập và đăng xuất. Nó có thể tùy chọn hiển thị biểu mẫu đăng nhập thay vì liên kết. Quản trị viên trang web cũng có thể tùy chỉnh mục tiêu chuyển hướng (xem PR # 29766).

Để có cái nhìn sâu hơn về các khối FSE, hãy xem vấn đề “Bật các khối Trình chỉnh sửa trang web đầy đủ trong các chủ đề cổ điển” trên Github.
Khối vòng lặp truy vấn
Đã bao nhiêu lần bạn rơi vào tình huống cần hiển thị danh sách các bài đăng trên blog tùy chỉnh hoặc các loại bài đăng tùy chỉnh? Hãy nghĩ về sản phẩm, sự kiện, bất động sản… Tất nhiên, bạn có rất nhiều plugin để lựa chọn, nhưng khả năng tạo các truy vấn tùy chỉnh cao thường đòi hỏi kỹ năng của nhà phát triển để vật lộn với WordPress Loop.
Với sự ra đời của khối Vòng lặp truy vấn trong WordPress Core, chủ sở hữu và quản trị viên trang web có thể tạo danh sách các bài đăng và CPT mà không cần viết mã phức tạp hoặc thuê nhà phát triển, ít nhất là trong các trường hợp sử dụng phổ biến nhất.
Vậy, Khối vòng lặp truy vấn làm gì?
Nói tóm lại, nó hoạt động tương tự như WordPress Loop, nhưng trong ngữ cảnh trực quan của trình chỉnh sửa khối.
Khối Vòng lặp truy vấn thực hiện truy vấn dựa trên cài đặt của người dùng trên cơ sở dữ liệu WordPress, lặp qua từng bài đăng được truy xuất và hiển thị dữ liệu trên trang.
Sau khi phát triển chuyên sâu, khối này đã đạt đến cấu trúc hiện tại và bây giờ bao gồm hai khối lồng nhau: khối Truy vấn và Mẫu bài đăng .

Là một tính năng nâng cao, khối Vòng lặp truy vấn yêu cầu một số cấu hình.
Đầu tiên, bạn có thể chọn giữa các mẫu khối khác nhau được liệt kê trong chế độ xem Băng chuyền và Lưới. Khi bạn đã chọn mẫu của mình, chỉ cần nhấp vào Chọn và khối Vòng lặp truy vấn sẽ tạo danh sách các bài đăng tùy chỉnh của bạn.

Nếu bạn nhấp vào Bắt đầu trống , bạn sẽ thấy danh sách bốn biến thể của Khối cốt lõi: Tiêu đề & Ngày ; Tiêu đề & Trích đoạn ; Tiêu đề, Ngày & Đoạn trích ; và Hình ảnh, Ngày & Tiêu đề (xem Các mẫu cung cấp trên thiết lập Khối).

Khi đã đúng vị trí, việc chọn khối Vòng lặp truy vấn sẽ hiển thị thanh bên cài đặt khối, nơi bạn có thể tạo truy vấn của mình. Bạn có thể kế thừa truy vấn từ URL hoặc tùy chỉnh các đối số truy vấn: loại bài đăng được đưa vào danh sách, thứ tự hiển thị và có hay không có bài đăng cố định.
Bạn cũng có thể đặt một số bộ lọc, chọn từ danh mục, tác giả và từ khóa.

Ngoài ra, nút Cài đặt hiển thị trong thanh công cụ khối cung cấp nhiều cài đặt hơn để kiểm soát số mục trên mỗi trang, độ lệch và số trang tối đa sẽ hiển thị.

Vâng, khối Vòng lặp truy vấn là một công cụ mạnh mẽ, cho phép chủ sở hữu trang web tạo danh sách các bài đăng được tùy chỉnh cao và các loại bài đăng tùy chỉnh.
Nhưng nếu bạn xem qua các tham số của lớp WP_Query, rõ ràng là mức độ tùy chỉnh có thể sử dụng mã là chi tiết hơn nhiều so với những gì có thể bằng cách sử dụng khối Vòng lặp truy vấn.
Tuy nhiên, nó thực sự là một công cụ có giá trị và linh hoạt phù hợp với nhiều trường hợp sử dụng và rất có thể chúng ta sẽ thấy những cải tiến hơn nữa trong tương lai.
Chế độ xem danh sách liên tục trong trình chỉnh sửa bài đăng
Một tính năng FSE khác được mở rộng cho Trình chỉnh sửa bài đăng là Chế độ xem danh sách liên tục . Trước WordPress 5.8 (và Gutenberg 10.7), Chế độ xem danh sách được hiển thị trong một cửa sổ bật lên. Khi di chuyển tiêu điểm ra ngoài cửa sổ bật lên, danh sách sẽ biến mất.
Ngược lại, Trình chỉnh sửa Trang web hiển thị Dạng xem Danh sách trong một thanh bên chứa toàn bộ cây khối.
Với WordPress 5.8, Chế độ xem danh sách hiện được hiển thị trong thanh bên trong Trình chỉnh sửa bài đăng, cho phép người dùng điều hướng cây khối nhanh hơn và chính xác hơn.

Nhấp vào một mục trong Chế độ xem danh sách sẽ đánh dấu mục danh sách và di chuyển tiêu điểm đến khối tương ứng trong canvas Trình chỉnh sửa bài đăng. Ngoài ra, nếu bạn di chuột qua các mục trong Chế độ xem danh sách, cả mục và khối tương ứng trong Trình chỉnh sửa bài đăng đều được đánh dấu.

Cuối cùng, thêm một liên kết vào một khối cũng sẽ xuất hiện bên cạnh mục tương ứng trong chế độ xem danh sách.

Với tất cả những cải tiến này đối với Chế độ xem danh sách, việc điều hướng các tài liệu phức tạp sẽ dễ dàng hơn rất nhiều.
Trình chỉnh sửa tiện ích con dựa trên khối và các tiện ích con chặn trong Trình tùy chỉnh
Trình chỉnh sửa widget dựa trên khối là một dự án rộng nhằm mang lại giao diện của trình chỉnh sửa khối cho các widget chủ đề cổ điển.
Trình chỉnh sửa widget mới cung cấp nhiều lợi thế cho đại đa số vẫn sử dụng các chủ đề cổ điển. Đồng thời, nó cho phép họ làm quen với giao diện khối trước khi nó trở thành tiêu chuẩn cho tất cả người dùng WordPress.

Như Anne McCarty đã chỉ ra, các widget dựa trên khối cung cấp một số lợi thế, bao gồm những điều sau:
- Giờ đây, bạn có thể tạo bố cục trong thanh bên , đầu trang và chân trang bằng cách sử dụng cột, dấu phân cách, dấu cách và các khối thiết kế khác.
- Các widget hiện hỗ trợ chỉnh sửa văn bản đa dạng thức theo mặc định mà người dùng không cần thêm mã tùy chỉnh hoặc nhúng trình chỉnh sửa HTML của bên thứ ba với một plugin.
- Nhiều tiện ích con dựa trên mã ngắn hiện có sẵn dưới dạng khối , giúp đơn giản hóa trải nghiệm chỉnh sửa.
Andrei Draganescu cũng nhấn mạnh những lợi thế mà chúng ta có thể nhận được khi có thể chỉnh sửa các widget từ giao diện dựa trên khối:
Lợi ích chính của việc nâng cấp chức năng widget lên các khối đến từ khả năng chỉnh sửa trực tiếp các widget bằng cách sử dụng tương tác khối quen thuộc mà bạn sử dụng khi chỉnh sửa một trang hoặc bài đăng trên trang web của mình. Việc có thể sử dụng các khối mở ra rất nhiều khả năng sáng tạo mới, từ bố cục nhỏ không có mã cho đến khai thác vào thư viện khổng lồ gồm các khối cốt lõi và bên thứ 3 để tạo nội dung.
Bạn không phải lo lắng rằng các widget của mình có thể ngừng hoạt động với WordPress 5.8 vì cộng đồng đã làm việc chăm chỉ để đảm bảo khả năng tương thích ngược để “các widget hiện có và các widget của bên thứ ba sẽ tiếp tục hoạt động và có thể được sử dụng cùng với các khối” (xem Chặn – trình chỉnh sửa widget dựa trên WordPress 5.8).
Nhưng một lần nữa, để ngăn chặn bất kỳ vấn đề tương thích nào trên cài đặt WordPress hiện có của bạn, đừng quên kiểm tra phiên bản mới trong môi trường dàn dựng trước khi cập nhật trang web trực tiếp của bạn.
Đối với những bạn chọn không sử dụng trình chỉnh sửa widget dựa trên khối ngay bây giờ, vẫn có thể khôi phục màn hình widget cổ điển theo ba cách khác nhau:
- Bạn có thể cài đặt plugin Classic Widgets chính thức, plugin này khôi phục giao diện trước đó của màn hình widget. Plugin “sẽ được hỗ trợ và duy trì cho đến ít nhất là năm 2022 hoặc miễn là cần thiết”.
- Các nhà phát triển chủ đề có thể vô hiệu hóa trình chỉnh sửa tiện ích con dựa trên khối bằng cách xóa hỗ trợ chủ đề như bình thường:
remove_theme_support( 'widgets-block-editor' );
- Một bộ lọc
use_widgets_block_editor
mới cũng có thể được sử dụng:add_filter( 'use_widgets_block_editor', '__return_false' );
Xem thêm Khôi phục trình chỉnh sửa tiện ích con cổ điển trong Tổng quan về trình chỉnh sửa khối tiện ích.
Chặn Widget vào Customizer
Là một phần của cùng một dự án, WordPress 5.8 cũng mang đến các tiện ích khối cho bộ tùy biến .

Việc thêm tiện ích dựa trên khối trong tùy biến khá đơn giản. Bạn có thể khởi chạy trình chèn tiện ích tùy chỉnh bằng cách nhấp vào biểu tượng dấu cộng ở góc trên cùng bên phải của bảng tiện ích.

Bạn cũng có thể khởi chạy trình chèn nhanh từ cuối bảng widget, như thể hiện trong hình sau.

Tại thời điểm viết bài này, giao diện chỉnh sửa tiện ích con mới vẫn yêu cầu cải tiến và sửa lỗi, nhưng khả năng tùy chỉnh hầu như không giới hạn.
Về cơ bản, bắt đầu với WordPress 5.8, bạn sẽ có sức mạnh của trình chỉnh sửa khối trong tùy biến và bạn sẽ có thể tạo các thanh bên tùy chỉnh cao mà không gặp rắc rối.

Trình chỉnh sửa widget dựa trên khối, dev-note cung cấp cái nhìn tổng quan sâu hơn về trình chỉnh sửa widget dựa trên khối, với các ví dụ và tài nguyên cho các nhà phát triển.
Các tính năng và cải tiến của Block Editor
Ngoài việc triển khai FSE đầu tiên, WordPress 5.8 cũng mang đến các tính năng và cải tiến mới cho một số yếu tố của trình chỉnh sửa khối, giúp cải thiện đáng kể trải nghiệm chỉnh sửa tổng thể.
Những thay đổi này bao gồm:
Các cải tiến về phương tiện & khối văn bản
Hiện tại đã có thể chuyển đổi một khối thành một khối cột . Tuy nhiên, tất cả các khối chuyển đổi thành các khối cột với một cột duy nhất. Điều này có thể dẫn đến kết quả không tối ưu cho phương tiện & khối văn bản , mà một cột đơn lẻ thường không phù hợp.

Bắt đầu với WordPress 5.8 (và Gutenberg 10.2), việc chuyển đổi phương tiện & khối văn bản thành khối cột sẽ tự động thêm hai cột: một cho hình ảnh và một cho văn bản.

Cải tiến khối có thể tái sử dụng
Các khối có thể tái sử dụng cho phép người dùng lưu một khối hoặc một nhóm các khối để sử dụng lại sau này trong bất kỳ bài đăng hoặc trang nào của trang web. Điều này rất hữu ích cho những người dùng liên tục đưa cùng một khối hoặc một nhóm khối vào các bài đăng / trang khác nhau.

Với WordPress 5.8, các khối có thể tái sử dụng rõ ràng hơn về mặt trực quan, giúp người dùng WordPress quản lý chúng dễ dàng hơn.

Dưới đây là danh sách nhanh các cải tiến khối có thể tái sử dụng mà người dùng sẽ tìm thấy sau khi cập nhật trang web của họ lên WordPress 5.8:
- Khi tạo một khối có thể tái sử dụng, một phương thức hiện cho phép người dùng gán tên cho khối.
- Tên của khối có thể tái sử dụng hiện được hiển thị trong thanh công cụ khối, danh sách điều hướng và breadcrumbs.
- Khi một khối con được chọn, các khối có thể sử dụng lại bây giờ sẽ được phác thảo. Điều này đánh dấu một sự cải thiện đáng kể về khả năng sử dụng vì nó cho phép bạn xác định khối chính và nội dung của nó một cách dễ dàng.
- Bây giờ có thể sửa đổi tên khối trong trình kiểm tra thanh bên.

Thanh công cụ Khối chuẩn hóa
Một số thanh công cụ khối đã được sắp xếp lại để cung cấp giao diện người dùng nhất quán giữa các khối và cải thiện trải nghiệm người dùng. Giờ đây, các điều khiển trên thanh công cụ được nhóm lại theo thứ tự ngữ nghĩa “meta, block-level, inline”.

Kể từ Gutenberg 10.1 và Gutenberg 10.3, toàn bộ bộ thanh công cụ khối đã được chuẩn hóa. Chúng bao gồm hình ảnh, nút, các nút, danh sách, tiêu đề, đoạn văn, trích dẫn, âm thanh, tệp, phương tiện & văn bản, video, v.v.
Theo Matias Ventura:
Các nhóm ngữ nghĩa mà chúng ta có trong thanh công cụ – meta, cấp khối, nội dòng – cũng nên có một biểu diễn trực quan với các đường viền. Hiện tại, các điều khiển cấp khối riêng biệt có các biểu diễn khác nhau, bao gồm các trường hợp như Điều hướng trong đó mọi điều khiển đơn lẻ đều có đường viền.

Vì vậy, kể từ phiên bản WordPress 5.8, các nhóm thanh công cụ khối điều khiển trong các phân đoạn được bao quanh bởi các đường viền. Thêm vao Đoa:
- Phân đoạn Meta chứa các điều khiển kiểu khối, chẳng hạn như bộ chuyển khối, bộ điều khiển kéo và bộ điều khiển chuyển động.
- Phân đoạn cấp độ Khối chứa các công cụ khối cụ thể ảnh hưởng đến toàn bộ nội dung, chẳng hạn như căn chỉnh trong khối đoạn văn hoặc liên kết trong khối hình ảnh.
- Cấp nội tuyến / Phân đoạn khác chứa các công cụ chuyển đổi nội tuyến, chẳng hạn như định dạng nội tuyến trong một khối văn bản.
- Menu Thêm bao gồm các công cụ bổ sung.
Hình ảnh bên dưới so sánh thanh công cụ Khối hình ảnh trong WordPress 5.7 và 5.8:

Các cải tiến hàng đầu của Thanh công cụ
Với chế độ thanh công cụ trên cùng được bật trong các phiên bản WordPress trước đó, thanh công cụ trên cùng và thanh công cụ khối được hiển thị cạnh nhau, như thể hiện trong hình ảnh sau:

Với WordPress 5.8, việc bật chế độ xem thanh công cụ trên cùng sẽ cố định thanh công cụ khối ở trên cùng của trình chỉnh sửa, ngay bên dưới thanh công cụ trên cùng. Điều này xảy ra độc lập với chiều rộng của trình duyệt và sẽ cải thiện đáng kể trải nghiệm người dùng.

Cải tiến này cũng mang lại những thay đổi cho các nhà phát triển vì nó hợp nhất các API của thanh công cụ trong thành phần <BlockTools />
(xem PR # 31134).
Các tệp PDF được nhúng
Khi tệp PDF được thêm vào tài liệu thông qua khối tệp, nút chuyển đổi thanh bên mới cho phép bạn bật / tắt phiên bản PDF được nhúng (xem PR # 30857).

Bạn có thể kéo tệp trực tiếp vào khung trình chỉnh sửa hoặc chỉ cần chọn nó từ thư viện. Cũng có thể điều chỉnh chiều cao của trình xem PDF theo cách thủ công hoặc bằng cách sử dụng điều khiển thanh bên.
Đăng kí để nhận thư mới
Tất cả các trình duyệt web chính đều hỗ trợ trình xem PDF, ngoại trừ các trình duyệt trên điện thoại di động.
Hỗ trợ khối Duotone
Một trong những tính năng thú vị nhất được hợp nhất vào Core với WordPress 5.8 là bộ lọc duotone, được giới thiệu lần đầu với Gutenberg 10.6.

Có sẵn dưới dạng tính năng “hỗ trợ khối”, bộ lọc duotone được bật theo mặc định trong khối hình ảnh lõi và khối bìa. Tuy nhiên, trong khối bìa, nó không hoạt động với các nền cố định.

Các thanh công cụ khối hình ảnh và bìa hiện hiển thị điều khiển Áp dụng bộ lọc duotone hiển thị bộ chọn duotone với nhiều cài đặt trước để lựa chọn.
Hai điều khiển phụ cho phép tùy chỉnh bóng và vùng sáng riêng biệt. Hiệu ứng được áp dụng với bộ lọc SVG ẩn với các kiểu nội tuyến và được áp dụng bằng cách sử dụng tên lớp cụ thể.

Công cụ mới đi kèm với thuộc tính color.__experimentalDuotone
mới, cho phép các nhà phát triển thêm bộ lọc duotone vào các khối hoặc các phần của khối trong tệp block.json của họ (thêm về điều này trong tham chiếu đối tượng màu):
supports: { color: { __experimentalDuotone: '> .duotone-img, > .duotone-video', background: false, text: false } }
Khi một khối tuyên bố hỗ trợ color.__experimentalDuotone
, một thuộc tính style
có thể được sử dụng để đặt màu mặc định tùy chỉnh:
attributes: { style: { type: 'object', default: { color: { duotone: [ '#FFF', '#000 ] } } } }
Dưới đây, bạn có thể thấy cùng một hình ảnh với hai hiệu ứng duotone khác nhau được áp dụng:


Các nhà phát triển có thể xác định các giá trị đặt trước của duotone trong tệp theme.json (xem phần tiếp theo), như được hiển thị trong đoạn mã sau:
{ "version": 1, "settings": { "color": { "duotone": [ { "colors": [ "#000", "#7f7f7f" ], "slug": "black-and-white", "name": "dark-grayscale" } ], ...
Bạn có thể đọc thêm về bộ lọc duotone trong Tô màu hình ảnh của bạn với Bộ lọc Duotone.
Màu sắc và đường viền của khối bảng
WordPress 5.8 cũng mang lại một số cải tiến cho khối Bảng, bao gồm kiểm soát tốt hơn màu nền và nền trước của bảng.

Một bổ sung khác cho khối Bảng là hỗ trợ khối đường viền , cung cấp cho người dùng khả năng kiểm soát màu sắc, kiểu và độ rộng của đường viền.
Nếu chủ đề đang hoạt động hỗ trợ tính năng mới, bảng cài đặt đường viền mới cung cấp ba điều khiển mới cho các tùy chỉnh của người dùng.

Các nhà phát triển có thể thêm hỗ trợ khối đường viền vào các chủ đề của họ bằng cách thêm mã sau vào tệp theme.json :
"border": { "customColor": true, "customStyle": true, "customWidth": true }
Các cải tiến đối với Trình chèn khối
Trong WordPress 5.8, trình chèn khối đã được cải tiến với một số bổ sung (PR # 26938 và # 21080):

1. Điều hướng bàn phím hai chiều trên bộ chèn khối . Giờ đây, chúng ta có thể điều hướng giữa các khối một cách chính xác và trực quan hơn.
- Nhấn mũi tên lên (↑) và mũi tên xuống (↓) sẽ di chuyển tiêu điểm đến hàng trên hoặc dưới.
- Nhấn Tab hoặc Shift + Tab cho phép di chuyển tiêu điểm giữa hộp tìm kiếm, danh sách tab và mục đầu tiên của mỗi danh mục.
2. Danh mục “Chủ đề” mới cho các phần và biến thể của mẫu hiện xuất hiện trong trình chèn trong Chỉnh sửa Trang web Toàn bộ (xem PR # 30020).
3. Nhiều từ trong trình đối sánh cụm từ tự động điền hiện đã được phép (xem PR # 29939).
Các cải tiến bổ sung của trình chỉnh sửa khối
WordPress 5.8 mang đến rất nhiều thay đổi vừa và nhỏ đáng giá vài dòng ở đây. Trong số những cải tiến này, chúng tôi đề cập đến những điều sau:
Hỗ trợ kéo và thả trong các khối bìa
Giờ đây, bạn có thể kéo và thả hình ảnh từ màn hình của mình để thay thế nền của khối bìa (xem Gutenberg 10.3 và PR # 29813).

Giao diện người dùng xuất bản nâng cao
Kể từ WordPress 5.8, giao diện người dùng xuất bản hiển thị biểu tượng và tiêu đề của trang web để làm rõ hơn nơi bạn sẽ xuất bản các bài đăng hoặc trang của mình (Gutenberg 10.4).


Cải tiến này có lợi nếu bạn đang làm việc ở chế độ toàn màn hình hoặc trên thiết bị di động.
Cài đặt và kiểu khối với theme.json
Với WordPress 5.8, tệp theme.json trở thành “điểm trung tâm của cấu hình”, cung cấp một cách mới cho các nhà phát triển chủ đề để tùy chỉnh cài đặt và kiểu của trình chỉnh sửa.
Sử dụng tệp theme.json , các chủ đề có thể đặt các giá trị đặt trước tùy chỉnh và / hoặc thêm hỗ trợ cho các tính năng mới, chẳng hạn như duotone và đường viền bảng (xem Cài đặt & Kiểu chung).
Theo André Maneiro:
Cơ chế mới này nhằm tiếp quản và hợp nhất tất cả các lệnh gọi
add_theme_support
khác nhau mà trước đây được yêu cầu để kiểm soát trình chỉnh sửa.
Ví dụ: bạn có thể đặt toàn cầu cài đặt trước duotone tùy chỉnh bằng mã sau:
{ "version": 1, "settings": { "color": { "duotone": [ { "colors": [ "#000", "#0FF" ], "slug": "black-cyan", "name": "Black Cyan" } ],
Điều này sẽ ghi đè các cài đặt trước mặc định và bạn sẽ chỉ thấy một tùy chọn duotone:

Cơ chế mới cung cấp một cách để kiểm soát cài đặt trên toàn cầu hoặc trên cơ sở từng khối. Ví dụ: bạn có thể thêm kích thước phông chữ 12px tùy chỉnh trên toàn cầu bằng cách thêm giá trị đặt trước sau vào tệp theme.json của bạn:
Cần lưu trữ nhanh chóng, đáng tin cậy và hoàn toàn an toàn cho trang web WordPress của bạn? Kinsta cung cấp tất cả những điều này và hỗ trợ đẳng cấp thế giới 24/7 từ các chuyên gia WordPress. Kiểm tra các kế hoạch của chúng tôi
{ "version": 1, "settings": { "typography": { "customLineHeight": true, "fontSizes": [ { "slug": "extra-extra-small", "size": "12px", "name": "Extra extra small" }, {...}
Điều này dẫn đến một kích thước phông chữ mới có sẵn để người dùng sử dụng với bất kỳ văn bản nào trong nội dung của họ.

Nếu bạn chỉ muốn tùy chỉnh khối đoạn văn, mã của bạn sẽ hơi khác một chút:
{ "version": 1, "settings": { "blocks": { "core/paragraph": { "typography": { "fontSizes": [ { "slug": "extra-extra-small", "size": "12px", "name": "Extra extra small" }, { "slug": "extra-small", "size": "16px", "name": "Extra small" }, { "slug": "small", "size": "18px", "name": "Small" }, { "slug": "normal", "size": "20px", "name": "Normal" }, { "slug": "large", "size": "24px", "name": "Large" } ] } } } } }
Đó là nó! Bạn vừa đặt cài đặt trước kích thước phông chữ tùy chỉnh của mình cho khối đoạn văn.

Các khối cốt lõi đã được cập nhật để tuân theo cơ chế mới, trong khi các khối của bên thứ ba có thể thích ứng với cơ chế mới bằng cách sử dụng móc React useSetting
(đọc thêm về chức năng này trong tài liệu dành cho nhà phát triển và API):
const isEnabled = useSetting( 'spacing.margin' );
Cơ chế mới dựa trên tệp theme.json không chỉ áp dụng cho cài đặt chặn. Trên thực tế, bắt đầu với WordPress 5.8, sẽ không còn cần thiết phải tạo các kiểu trình chỉnh sửa và xếp hàng chúng nữa. Chỉ cần khai báo các giá trị đặt trước bên trong tệp theme.json là đủ; engine sẽ tạo các lớp và tự động xếp chúng vào hàng đợi cho cả trình soạn thảo và giao diện người dùng.
Công cụ cũng sẽ tạo Thuộc tính tùy chỉnh CSS tương ứng.
Trong ví dụ trước, chúng tôi đặt năm giá trị đặt trước fontSizes
cho khối đoạn văn. Đối với các giá trị đặt trước đó, các Thuộc tính tùy chỉnh CSS sau sẽ được tạo:
p { --wp--preset--font-size--extra-extra-small: 12px; --wp--preset--font-size--extra-small: 16px; --wp--preset--font-size--small: 18px; --wp--preset--font-size--normal: 20px; --wp--preset--font-size--large: 24px; }
Khi bạn đã đặt kích thước phông chữ đoạn văn trong tệp theme.json của mình, phần tử p
tương ứng nhận lớp has-{preset-slug}-{preset-category}
.
Điều này có nghĩa là một đoạn văn có kích thước phông chữ extra-extra-small
sẽ nhận được loại kích thước phông chữ có kích thước has-extra-extra-small-font-size
:
<p class="has-extra-extra-small-font-size">Lorem ipsum dolor...</p>
Và đây là khối khai báo CSS:
p.has-extra-extra-small-font-size { font-size: var(--wp--preset--font-size--extra-extra-small) !important; }
Để có cái nhìn sâu hơn về cài đặt và các kiểu với theme.json , hãy đảm bảo kiểm tra tài liệu API và dev-note.
Ngoài ra, hãy kiểm tra cuộc gọi FSE của Anne McCarty để thử nghiệm để biết cách đọc hữu ích hơn và là một thách thức thú vị cho các nhà phát triển muốn khám phá các tính năng mới của theme.json .
Các cải tiến API chặn
Các cải tiến API khối đi kèm với WordPress 5.8 đáng được các nhà phát triển plugin quan tâm đặc biệt.
Sử dụng tệp block.json hiện được khuyến khích như là cách chuẩn để đăng ký các loại khối và cung cấp một số lợi thế:
- Về hiệu suất, nếu chủ đề hỗ trợ tải nội dung lười biếng, đăng ký các loại khối thông qua tệp block.json sẽ tự động tối ưu hóa việc xếp hàng tài nguyên. Đó là bởi vì các tài nguyên được chỉ định bởi thuộc tính
style
vàscript
sẽ chỉ được xếp vào hàng trước trên giao diện người dùng khi khối được phát hiện. Điều này cho phép phát triển các plugin hiệu quả hơn, giảm kích thước trang và ngăn chặn một số vấn đề được đề cập trong bài viết này. - Tệp block.json đơn giản hóa việc đăng ký khối phía máy chủ bằng cách cho phép Điểm cuối API REST Loại khối liệt kê khối.
- Tệp block.json cũng là bắt buộc nếu bạn quyết định gửi plugin khối của mình vào Thư mục plugin WordPress.
Các thay đổi đối với Hàm register_block_type
Kể từ phiên bản WordPress 5.8, hàm register_block_type
đã được cải tiến để đọc siêu dữ liệu từ tệp block.json . Bây giờ, tham số đầu tiên chấp nhận đường dẫn đến thư mục chứa tệp block.json .
Hàm có thể được sử dụng như được hiển thị trong ví dụ sau:
function create_custom_block_init() { register_block_type( __DIR__ ); } add_action( 'init', 'create_custom_block_init' );
Nó trả về loại khối đã đăng ký hoặc false
khi bị lỗi.
Như bạn có thể nhận thấy, hàm register_block_type
hiện được sử dụng giống như hàm register_block_type_from_metadata
, trước đây là hàm duy nhất có sẵn để đăng ký một loại khối bằng cách đọc siêu dữ liệu từ tệp block.json . Theo giải thích của Greg Ziółkowski:
Chúng tôi quyết định hợp nhất chức năng có sẵn từ trước với phương thức
register_block_type_from_metadata
thànhregister_block_type
để tránh một số nhầm lẫn mà nó tạo ra. Vẫn có thể sử dụng cả hai chức năng, nhưng chúng tôi dự định chỉ sử dụng phiên bản ngắn hơn trong các tài liệu và công cụ chính thức từ bây giờ.
Sau khi khối được đăng ký trên máy chủ, bạn chỉ cần đăng ký cài đặt trên máy khách bằng cách sử dụng cùng một tên khối trong tệp index.js của mình.
Để có cái nhìn tổng quan sâu hơn về các cải tiến API khối do WordPress 5.8 giới thiệu, hãy đảm bảo kiểm tra ghi chú của nhà phát triển của Greg Ziółkowski.
Hỗ trợ WebP trong WordPress 5.8
Tại Kinsta, chúng tôi bị ám ảnh bởi tốc độ trang web và hiệu suất của WordPress. Đó là lý do tại sao hỗ trợ định dạng WebP trong WordPress 5.8 là một tin thú vị đối với chúng tôi.
Được coi là định dạng thế hệ tiếp theo, WebP là định dạng hình ảnh do Google phát triển cung cấp “khả năng nén tốt hơn PNG hoặc JPEG, có nghĩa là tải xuống nhanh hơn và tiêu thụ ít dữ liệu hơn”.

Theo Google:
WebP là một định dạng hình ảnh hiện đại cung cấp khả năng nén không mất dữ liệu và mất dữ liệu vượt trội cho hình ảnh trên web. Sử dụng WebP, quản trị viên web và nhà phát triển web có thể tạo hình ảnh nhỏ hơn, phong phú hơn để làm cho web nhanh hơn.
Hình ảnh không mất dữ liệu WebP có kích thước nhỏ hơn 26% so với PNG. Hình ảnh bị mất dữ liệu WebP nhỏ hơn 25-34% so với hình ảnh JPEG tương đương ở chỉ số chất lượng SSIM tương đương.
Bắt đầu với WordPress 5.8, bạn có thể sử dụng định dạng ảnh WebP giống như các định dạng JPEG, PNG và GIF. Chỉ cần tải hình ảnh của bạn lên Thư viện phương tiện và đưa chúng vào nội dung của bạn.
Trong bài viết trước, chúng ta đã tìm hiểu sâu về định dạng WebP và các công cụ có sẵn để sử dụng nó trong WordPress. Bây giờ, do sự hỗ trợ cho hình ảnh WebP trong WordPress 5.8, mọi thứ có một chút thay đổi. Vì định dạng WebP được hỗ trợ sẵn sàng, bạn không cần phải cài đặt các plugin của bên thứ ba để tải lên hình ảnh WebP trong WordPress, ít nhất là trong các trường hợp sử dụng phổ biến nhất.
Lưu ý rằng, mặc dù bây giờ bạn có thể tải hình ảnh WebP của mình lên WordPress bằng Thư viện phương tiện, nhưng WordPress không hỗ trợ chuyển đổi hình ảnh tự động sang định dạng WebP. Để bật tính năng đó trên trang web của bạn, bạn sẽ cần một plugin WebP WordPress của bên thứ ba.
Cách sử dụng hình ảnh WebP trong WordPress
Bạn có thể chuyển đổi hình ảnh của mình sang WebP theo nhiều cách khác nhau:
- Bạn có thể sử dụng các tiện ích và thư viện WebP được biên dịch trước của Google dành cho Linux, Windows hoặc Mac OS X.
- Người dùng Mac có thể cài đặt trình quản lý gói như gói Homebrew WebP hoặc gói Macports WebP.
- Bạn có thể sử dụng công cụ chỉnh sửa hình ảnh hỗ trợ WebP, chẳng hạn như Squoosh của Google Chrome Labs, trình chuyển đổi hình ảnh hàng loạt XnConvert, trình chỉnh sửa hình ảnh phổ biến như GIMP và nhiều công cụ khác.
- Bạn có thể cài đặt một plugin WebP WordPress để kiểm soát tổng thể tốt hơn hình ảnh WebP trong WordPress.

Nếu bạn chọn một công cụ dòng lệnh, bạn có thể mã hóa và giải mã hình ảnh của mình bằng cách sử dụng các tiện ích cwebp và dwebp. Ví dụ: lệnh sau thực hiện chuyển đổi JPEG sang WebP cơ bản:
cwebp [options] original_image.jpg -o compressed_image.webp
Bạn cũng có thể chạy chuyển đổi hàng loạt hình ảnh của mình bằng Bash và cwebp (ví dụ của Jeremy Wagner):
find ./ -type f -name '*.png' -exec sh -c 'cwebp -q 75 -o "${1%.png}.webp"' _ {} ;
Lệnh trên chuyển đổi tất cả hình ảnh .png sang định dạng .webp với hệ số nén là 75.

Khi bạn đã có hình ảnh WebP của mình, bạn chỉ cần tải chúng lên bằng Thư viện phương tiện WordPress. Dưới đây, bạn có thể thấy hình ảnh JPEG 127 KB trước khi chuyển đổi trong Thư viện phương tiện:

Kích thước hình ảnh WebP nén nhỏ hơn 42% so với hình ảnh JPEG gốc!

Cuối cùng, hình ảnh WebP có các tính năng chỉnh sửa tương tự như hình ảnh JPEG, PNG và GIF. Bạn có thể cắt, xoay, lật và chia tỷ lệ chúng cũng như áp dụng các thay đổi đối với kích thước hình ảnh mà bạn chọn.
Lưu ý về WebP trong WordPress 5.8
Theo Adam Silverstein:
Hình ảnh WebP hỗ trợ nén mất dữ liệu và không mất dữ liệu, cũng như định dạng động và hỗ trợ hình ảnh trong suốt. Trong WordPress, định dạng WebP không mất dữ liệu chỉ được hỗ trợ khi máy chủ lưu trữ sử dụng Imagick (thư viện PHP) cho đến khi LibGD thêm hỗ trợ. Ngoài ra, các định dạng hoạt hình và alpha chưa được hỗ trợ cho các hình ảnh đã thay đổi kích thước (thay vào đó, khi bạn tải lên hình ảnh ở các định dạng này, hình ảnh bị mất sẽ được tạo).
Nếu máy chủ lưu trữ web của bạn không hỗ trợ hình ảnh WebP, bạn sẽ thấy thông báo lỗi khi cố gắng tải chúng lên. Nếu bạn không chắc máy chủ web của mình có hỗ trợ thư viện Imagick hay không, tab Thông tin của công cụ Trạng thái trang web bao gồm trường thư viện Imagick cung cấp phần thông tin đó.

Với hỗ trợ WebP, WordPress 5.8 cũng giới thiệu hai trường bổ sung cho phần Xử lý phương tiện trong Trạng thái trang web: phiên bản Imagick và các định dạng tệp được hỗ trợ ImageMagick .

Nếu WebP không được liệt kê trong số các loại tệp được hỗ trợ, bạn sẽ cần liên hệ với máy chủ lưu trữ web của mình để được hỗ trợ.
Ghi chú dành cho nhà phát triển cung cấp thông tin bổ sung về hỗ trợ WebP trong WordPress 5.8, các câu hỏi thường gặp hữu ích và các tài nguyên khác.
Nếu bạn quan tâm đến việc tối ưu hóa hình ảnh, bạn cũng có thể thích các hướng dẫn sau:
- Cách tối ưu hóa hình ảnh cho web và hiệu suất
- Tại sao và làm thế nào để sử dụng nén Lossy trên hình ảnh WordPress của bạn
- Cách sử dụng hình ảnh WebP trên WordPress (Và thu nhỏ kích thước tệp hình ảnh lên đến 35%)
- 15 loại tệp hình ảnh tốt nhất
- Mọi thứ bạn cần biết về kích thước hình ảnh WordPress
Các tính năng bổ sung cho nhà phát triển
Bạn sẽ tìm thấy hàng tá tính năng thú vị dành cho các nhà phát triển trong WordPress 5.8. Trong bài viết này, chúng tôi đã chú ý nhiều hơn đến những yếu tố có tác động đáng kể nhất đến công việc phát triển của bạn. Nhưng quả thực có rất nhiều tính năng mới đáng được quan tâm, bao gồm:
API hỗ trợ khối
WordPress 5.8 thêm khối mới hỗ trợ cờ cho phép các nhà phát triển tùy chỉnh các khối đã đăng ký với các tính năng khối mới nhất.
Ngoài hỗ trợ khối duotone thử nghiệm đã đề cập trước đó ( color._experimentalDuotone
), WordPress 5.8 cũng thêm hỗ trợ cho màu liên kết. Để tận dụng tính năng này, chỉ cần thêm cờ sau vào siêu dữ liệu khối của bạn:
supports: { color: { link: true; } }
Bạn có thể đặt các giá trị mặc định bằng cách sử dụng các thuộc tính, như được hiển thị trong ví dụ sau hoặc đặt các giá trị đặt trước của bạn trong theme.json :
attributes: { style: { type: 'object', default: { color: { link: '#FF0000', } }
Các thay đổi bổ sung về API khối bao gồm:
- Hỗ trợ
fontSize
vàlineHeight
trở nên ổn định. - Hỗ trợ
spacing
đã được mở rộng và giờ đây bạn có thể kiểm soátmargin
vàpadding
, cũng như kiểm soát riêng các kích thướctop
,right
,bottom
vàleft
.
Bạn có thể đọc thêm về API hỗ trợ khối trong WordPress 5.8 trong Block hỗ trợ các bản cập nhật API dev-note.
Để có cái nhìn sâu hơn về cách sử dụng API hỗ trợ khối, hãy xem tài liệu chính thức về API hỗ trợ khối.
Các tab tùy chỉnh về tình trạng trang web
Hai móc nối mới hiện cho phép các nhà phát triển thêm các tab tùy chỉnh của họ vào giao diện Site Health và tùy chỉnh các màn hình có sẵn.
Bộ lọc site_health_navigation_tabs
là một mảng liên kết gồm các nhãn và ID tab để đăng ký một tab mới trong màn hình Trạng thái trang web. Bạn có thể sử dụng bộ lọc bằng cách thêm mã ví dụ sau vào tệp chức năng của chủ đề hoặc plugin tùy chỉnh:
function blog_site_health_navigation_tabs( $tabs ) { $tabs['blog-site-health-tab'] = esc_html_x( 'Kinsta', 'Site Health', 'text-domain' ); return $tabs; } add_filter( 'site_health_navigation_tabs', 'blog_site_health_navigation_tabs' );
Hình ảnh bên dưới hiển thị tab Tình trạng trang web mới:

Nhờ bộ lọc site_health_navigation_tabs
, bạn cũng có thể sắp xếp lại các tab hoặc xóa một hoặc nhiều mục.
Hành động site_health_tab_content
kích hoạt khi người dùng truy cập màn hình Trạng thái trang web, ngoại trừ màn hình Trạng thái mặc định. Bạn có thể sử dụng móc này như được hiển thị trong đoạn mã sau (ví dụ từ ghi chú của nhà phát triển):
function blog_site_health_tab_content( $tab ) { // Return if this is not your tab. if ( 'blog-site-health-tab' !== $tab ) { return; } // Include the interface, kept in a separate file just to differentiate code from views. include trailingslashit( plugin_dir_path( __FILE__ ) ) . 'views/blog-site-health-tab.php'; } add_action( 'site_health_tab_content', 'blog_site_health_tab_content' );
Đầu tiên, nó phát hiện xem tab hiện tại có phải là tab tùy chỉnh của bạn hay không, sau đó nó tải nội dung màn hình Site Health của bạn từ tệp .php . Hành động site_health_tab_content
cũng cho phép các nhà phát triển mở rộng tab Thông tin mặc định thêm các phần thông tin cụ thể cho các plugin hoặc chủ đề của họ.
Các thay đổi về API của trình chỉnh sửa khối để hỗ trợ nhiều màn hình quản trị viên
Với WordPress 5.8, trình chỉnh sửa bài đăng không phải là màn hình quản trị duy nhất sử dụng trình chỉnh sửa khối nữa (màn hình widget là một ví dụ).
Những người đóng góp cốt lõi đã tìm thấy một số móc được xác định trên máy chủ tùy thuộc vào đối tượng $post
. Đối tượng này không có trong màn hình chỉnh sửa trang web, widget và điều hướng. Trong tương lai, một số bộ lọc đã không còn được dùng nữa và được thay thế bằng các bộ lọc nhận biết ngữ cảnh.
Ngoài ra, một lớp WP_Block_Editor_Context
mới đại diện cho ngữ cảnh trình soạn thảo khối hiện tại và các phương pháp khác nhau đã được giới thiệu.
Những thay đổi này cải thiện các màn hình này với các khả năng mới và cho phép các nhà phát triển thêm các tùy chỉnh của họ.
Để có danh sách toàn diện về các thay đổi API của Block Editor liên quan đến màn hình quản trị, hãy xem ghi chú của nhà phát triển từ Greg Ziółkowski.
Các tính năng và cải tiến bổ sung
Có rất nhiều tính năng và thay đổi mới dành cho các nhà phát triển do WordPress 5.8 mang lại nên chúng tôi không thể đề cập hết chúng trong bài viết này. Nhưng chúng tôi đã thu thập một danh sách các ghi chú dành cho nhà phát triển không được đề cập ở đây để bạn đọc thêm:
- Bỏ hỗ trợ cho Internet Explorer 11
- Cải tiến tải kiểu khối trong WordPress 5.8
- Các khối trong trình chỉnh sửa iframed (mẫu)
- Về bố cục và chiều rộng nội dung trong WordPress 5.8
- Giới thiệu tiêu đề plugin “Cập nhật URI” trong WordPress 5.8
- Các loại bỏ API Block Editor khác nhau trong WordPress 5.8
- Các thay đổi về API REST trong WordPress 5.8
- Các thay đổi khác tập trung vào nhà phát triển trong WordPress 5.8
- Các bổ sung API trình chỉnh sửa khối khác trong WordPress 5.8
Bản tóm tắt
WordPress 5.8 đánh dấu một cột mốc quan trọng trên con đường chỉnh sửa toàn bộ trang web. Nhưng bản phát hành WordPress thứ hai trong năm mang lại nhiều hơn FSE. Người dùng và nhà phát triển sẽ tìm thấy rất nhiều cải tiến đối với trình chỉnh sửa khối, cơ chế theme.json mới, API khối mạnh mẽ hơn, hỗ trợ định dạng hình ảnh WebP, v.v.
Chúng tôi đặc biệt ấn tượng bởi những cải tiến, cả nhỏ và lớn, đối với trình chỉnh sửa khối và giao diện người dùng của nó. Chúng tôi yêu thích khả năng điều hướng được cải thiện giữa các khối, thanh công cụ khối được cải tiến, sự rõ ràng phong phú của giao diện và các cải tiến đối với một số khối.
Những thay đổi nhỏ này cải thiện trải nghiệm chỉnh sửa từng chút một và hầu như không nhận ra điều đó, chúng tôi thấy mình đang sử dụng phần mềm tốt hơn và mạnh mẽ hơn. Đó là WordPress!
Qua cho bạn bây giờ! Suy nghĩ của bạn về Chỉnh sửa Toàn bộ Trang web là gì? Và những thay đổi yêu thích của bạn đến với WordPress 5.8 là gì?
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.