Thay đổi mới nhất về Theme và Plugin WordPress 5.4 năm 2020

WordPress 5.4 sẽ được ra mắt với nhiều thay đổi

MỤC LỤC:

• Các thay đổi mới với người dùng WordPress 5.4
• Cập nhật các thay đổi về phát triển Theme WordPress 5.4
• Cập nhật các thay đổi khi phát triển Block WordPress 5.4
• Các thay đổi WordPress 5.4 khác được cập nhật mà Developers nên biết

Theo thông tin về bản cập nhật mới nhất của WordPress là WordPress 5.4. Đây chính là thời điểm để các nhà phát triển theme và plugin bắt đầu thử nghiệm các mở rộng để đảm bảo không có sự cố.

Các thay đổi mới với người dùng WordPress 5.4

Các nhà phát triển giao diện WordPress sẽ có thêm các block mới

WordPress 5.4 sẽ có một vài thay đổi mà các nhà phát triển giao diện cần kiểm tra. Cụ thể, phiên bản mới sẽ bổ sung một vài tính năng mới. Các thay đổi này liên quan đến markup có thể làm vỡ thiết kế giao diện và trong trình chỉnh sửa khối (block).

Đối với các tác giả của những giao diện muốn hỗ trợ cho nhiều phiên bản WordPress. Những thay đổi này có thể làm số lượng CSS tăng lên để đảm bảo giao diện hoạt động tốt nhất trên từng phiên bản.

Sửa lỗi trình chỉnh sửa Blocks trên di động

Nếu trước đây khi đăng hay chỉnh sửa bài viết trên di động mang đến sự phiền toái cho bạn do thanh công cụ di chuyển quanh các khối tạo cảm giác khó chịu. Giờ đây WordPress 5.4 đã sửa lỗi này để mang đến cho bạn trải nghiệm tốt hơn.

Trình chỉnh sửa trên di động đã được fix lỗi hoàn toàn trong phiên bản WordPress 5.4

Đây là minh chứng cho việc không những Google hay các SERPs mà ngay cả các phần mềm công cụ khác cũng đang hướng tới việc tối ưu thiết bị di động. WordPress bằng cách này đã cho thấy CMS của họ tối ưu SEO tốt hơn các CMS khác như thế nào.

Các thay đổi của WordPress Gutenberg trong phiên bản 5.4

WordPress Gutenberg là gì?

WordPress Gutenberg là trình soạn thảo dạng khối trong phiên bản 5.0 để thay thế cho trình soạn thảo TinyMCE quen thuộc.

Trình soạn thảo Gutenberg WordPress dạng blocks thay thế cho trình soạn thảo cơ bản cũ.

Gutenberg thay đổi hoàn toàn trải nghiệm chỉnh sửa TinyMCE bằng cách chuyển sang dạng khối cho nội dung. Gutenberg mang đến trải nghiệm thân thiện hơn cho người dùng. Tuy nhiên ở phiên bản 5.0 còn gặp nhiều hạn chế khiến bạn phải cài đặt thêm các Plugin để hỗ trợ.

Thay đổi của WordPress Gutenberg trong phiên bản 5.4 là gì?

Nếu bạn là một nhà phát triển hoặc đang sử dụng WordPress làm nền tảng cho website của mình. Hãy chắc chắn không bỏ qua những thay đổi quan trọng sẽ được cập nhật trong vài tuần tới đây.

Gutenberg mang đến những trải nghiệm tốt hơn cho người dùng bằng cách thay đổi, bổ sung thêm các khối mới. Trong phiên bản WordPress 5.4, Gutenberg sẽ kèm theo hướng dẫn để bạn có thể làm quen với các thay đổi này.

Lời chào và hướng dẫn sử dụng Gutenberg với các thay đổi trong phiên bản WordPress 5.4

Bạn hoàn toàn có thể xem lại các thay đổi này bằng nút 3 chấm phía trên.

Tại đây người dùng có thể tìm thấy cách trỏ người dùng đến thư viện khối, liên kết chỉnh sửa khối ngoài việc giải thích các thay đổi đơn giản trong WordPress 5.4

Chọn nhiều Blocks

WordPress 5.4 sẽ kèm theo tính năng giúp bạn có thể chọn từng khối hoặc nhóm khối cần thay đổi hay chỉnh sửa. Bạn sẽ có thể nhóm chúng thành từng khối hoặc cột một cách dễ dàng.

Tính năng giúp bạn chọn nhiều khối (blocks)

Social Icons và Buttons Blocks

Social Icons Block sẽ xuất hiện trong phiên bản mới

Social Icons và Buttons là hai block mới sẽ xuất hiện trong phiên bản lần này.

Social Icons block sẽ cho phép người dùng chèn các biểu tượng hoặc đường dẫn đến hơn 40 mạng xã hội khác nhau.

Khối biểu tượng này sẽ giúp bạn thêm Icon Social Media vào bài đăng.

Bạn có thể thêm các biểu tượng Social bằng cách nhấp vào nút thêm (+) . Bằng cách này bạn có thể liên kết bài viết về Fanpage hoặc trang cá nhân. Lưu ý: Nếu bạn muốn chia sẻ bài viết trên các phương tiện Social, bạn vẫn cần cài đặt thêm các plugins hỗ trợ.

Buttons Block mới cho phép nhóm nhiều block button lại với nhau hoặc đặt nhiều nút khác nhau trên bài viết. Các tác giả sử dụng các kiểu soạn thảo khối tùy chỉnh cần tính đến các khối mới để đảm bảo chúng được xuất ra chính xác.

Ngoài ra, Buttons Block cho phép chọn hai phong cách khác nhau:

• Sử dụng màu văn bản
• Sử dụng màu nền của riêng bạn và màu nền gradient.

Đổ màu cho Blocks với API Gradient

Gradients API mới cho phép các tác giả giao diện xác định cài đặt trước màu gradient tùy chỉnh cho các khối hoặc nhóm nút. Bạn sẽ cần cài đặt sẵn gradient mặc định để cải thiện góc nhìn.

Thay đổi mới của WordPress 5.4 cho phép bạn thay đổi màu nền Blocks

Không chỉ màu nền, bạn còn có thể đổ màu cho văn bản tất cả các khối cùng nhóm

Bạn cũng có thể chọn màu nền hay màu văn bản cho các Blocks

Các gradients có thể là một công cụ hữu dụng theo ý người dùng. Bạn cũng có thể được tắt chức năng này nếu muốn. Ngoài ra bạn cũng có thể đổ màu cho một đoạn text bất kỳ bên trong Block.

Với các thay đổi trong WordPress 5.4, việc đổ màu một nội dung bất kỳ của Blocks cũng dễ dàng hơn.

Thay đổi trình chỉnh sửa ảnh WordPress 5.4

Tại phiên bản này, bạn có thể đặt ảnh Featured Image (Ảnh đại diện bài viết) chỉ bằng cách kéo thả.

Thao tác thay đổi Featured Image trở nên dễ dàng hơn với các thay đổi trong WordPress 5.4

Việc thay đổi kích thước ảnh cũng sẽ dễ dàng hơn nhiều. Bạn có thể điều chỉnh kích thước cho đồng loạt các ảnh trong "bộ sưu tập".

Thay đổi kích thước hình ảnh đồng loạt dễ dàng hơn trong WordPress 5.4

Các tính năng mới khác của Blocks

WordPress 5.4 cho ra đời Block giúp hiển thị ảnh bài viết nổi bật của bài đăng mới nhất.

Ảnh nổi bật của bài đăng mới nhất được hiển thị dễ dàng bằng cách sử dụng Block mới trong WordPress 5.4

Đánh dấu cho sự thịnh hành của Tiktok đang cạnh tranh với Youtube, WordPress 5.4 mang đến sự thay đổi rất lớn. Nếu trước đây việc nhúng video từ Youtube hoặc các nguồn khác thì giờ đây bạn có thể sử dụng khối nhúng video Tiktok để làm nổi bật bài viết hơn.

Block nhúng video từ Tiktok cũng được ra mắt trong phiên bản 5.4 WordPress

WordPress còn cho phép thêm chú thích ở từng Block Table (Bảng) trong phiên bản cập nhật mới đây.

Thêm chú thích vào khối bảng trong WordPress 5.4

Cập nhật các thay đổi về phát triển Theme WordPress 5.4

Block Editor Markup và các thay đổi trong Style

Những tác giả nhắm trực tiếp đến trình soạn thảo cụ thể sẽ cần kiểm tra kiểu block soạn thảo. Nhiều lớp editor- sẽ được thay đổi thành block-editor-. Phần tử bao bọc với lớp .edit-post-layout_content đã bị xóa bỏ hoàn toàn.

Một số thành phần bao bọc đã bị xóa khỏi các blocks và thành phần văn bản. Lõi đệm tích hợp lõi và biên âm trên các khối đã được tái cấu trúc. Theme Developers sẽ không phải sử dụng nhiều bộ chọn lồng nhau để cung cấp bố cục làm việc cơ bản phù hợp giao diện Front-end.

Những thay đổi này sẽ làm vỡ một vài giao diện, nhiều khả năng bạn sẽ cần cập nhật trình kiểu soạn thảo khối.

Trước đây, Theme Review Team yêu cầu nhiều tác giả gửi giao diện với trình soạn thảo tùy chỉnh. Những thay đổi này với class và markup sẽ gây nhiều khó khăn và trắc trở cho họ.

Tuy nhiên, WordPress đang đẩy xu hướng theo hướng hợp nhất trình soạn thảo markup với giao diện Front-end. Thời điểm này sẽ gây nhiều khó khăn với nhà lập trình Theme. Họ sẽ phải hướng dẫn người dùng sử dụng theme của mình qua nhiều phiên bản khác nhau của WordPress.

Tuy nhiên trong thời gian tới, những gánh nặng này sẽ dần được tháo bỏ bởi các nhập nhật cải tiến tiếp theo của WordPress.

Calendar Markup và cách thay đổi của Class

WordPress đã thay đổi markup của hàm get_calendar(), làm ảnh hưởng đến widget Calendar (lịch). Đầu ra sẽ không còn có một thành phần <tfoot>. Thay vào đó, đường dẫn tháng trước (previous) và tháng tiếp theo (next) được chuyển đến một thành phần <nav> bên dưới <table>.

Đầu ra của calendar cũng thêm hoặc thay đổi nhiều IDs và classes:

• .wp-calendar-table được thêm vào thành phần bao bọc.
• .wp-calendar-nav được thêm vào phần tử bao bọc điều hướng.
• .wp-calendar-nav-next thay thế #next ID trên đường dẫn tháng tiếp theo.
• .wp-calendar-nav-prev thay thế #prev ID trên đường dẫn tháng trước.

Đây là những thay đổi sẽ làm phá vỡ giao diện, bất kì CSS tùy chỉnh nào nhắm mục tiêu HTML hoặc ID cũ sẽ cần phải được cập nhật.

Cập nhật các thay đổi khi phát triển Block WordPress 5.4

WordPress 5.4 có thêm nhiều APIs mới

Đối với các nhà phát triển Plugin WordPress, những người tạo ra các blocks tùy chỉnh, WordPress 5.4 sẽ mang đến nhiều APIs mới và công cụ để làm việc với hệ thống khối.

Block Scaffolding

Một gói NPM mới được cung cấp để nhanh chóng tạo ra một block plugin. Với một lệnh duy nhất:

npm init @wordpress/block <plugin-name>

Tập lệnh sẽ tạo ra một thư mục mới và xây dựng các tệp PHP, CSS và JavaScript thích hợp cần thiết để xây dựng một plugin khối.

Các nhà phát triển có thể sử dụng JavaScript theo mặc định hoặc tùy chọn sử dụng phiên bản ES5. Mục đích của gói giàn khối là để các tác giả xây dựng những plugin đơn khối từ đó tổng hợp một khối chính thức duy nhất.

Block Collections API

Block Collections API sẽ làm việc tương tự như categories. Tuy nhiên, chúng sẽ dựa trên namespace. Khi một nhà phát triển plugin đăng ký một bộ sưu tập tùy chỉnh, bất kì khối nào chia sẻ không gian tên bộ sưu tập sẽ xuất hiện dưới một phần tùy chỉnh trong bộ chèn khối.

Đây có thể xem là một cách thông minh hơn để tổ chức các khối. Chắc chắn sẽ có ích cho các plugin tạo thư viện các khối, cung cấp một cách tự động để nhóm.

Block Variations API

Block Variations API mới cho phép các nhà phát triển block về cơ bản tạo các bản sao của block với biến thể. Mỗi biến thể đã đăng ký sẽ xuất hiện dưới dạng một khối riêng biệt trong bộ chèn khối để người dùng lựa chọn.

Các thay đổi WordPress 5.4 khác được cập nhật mà Developers nên biết

Một số thay đổi ảnh hưởng tất cả các nhà phát triển WordPress

Bên cạnh đó, có những thay đổi mà bao gồm những nhà phát triển giao diện và nhà phát triển plugin cần chú ý.

Nav Menu Hooks mới

Các Developers WordPress cuối cùng cũng có thể thêm các trường tùy chỉnh vào nav menu admin screen và customizer.

Trong quá khứ, các nhà phát triển sẽ cần sử dụng lớp walker tùy chỉnh (custom walker class) để thực hiện một số tùy chọn cần thiết. Tuy nhiên, chỉ có thể dùng duy nhất một lớp walker tại một thời điểm. Điều này có nghĩa rằng nhiều plugins thực hiện thay đổi sẽ không hoạt động cùng nhau.

WordPress đã thêm hook mới wp_nav_menu_item_custom_fields trên nav menus admin screen, xuất hiện trước các nút “move” cho mục menu đơn. Để tương đương với quản trị viên, các mục menu điều hướng có thêm wp_nav_menu_item_custom_fields_customize_template trong customizer.

Những hook này sẽ cho phép các nhà phát triển thêm các trường biểu mẫu tùy chỉnh cần thiết để thêm dữ liệu tùy chỉnh vào các mục menu điều hướng.

apply_shortcodes() Alias Function

WordPress 5.4 giới thiệu một hàm mới là apply_shortcodes(), nó là một tên gọi khác của hàm do_shortcode(). Hàm mới sẽ mang đến tên hàm có ngữ nghĩa chính xác hơn, thông thường, các hàm bắt đầu bằng do_ sẽ có đầu ra hoặc một số loại hành động. Các hàm có tiền tố apply_ sẽ mong đợi dữ liệu được trả về.

Nếu bạn đang tạo một theme hoặc plugin với khu vực shortcode-aware, bạn sẽ muốn thực hiện chuyển đổi hàm mới. Mục tiêu cuối cùng để do_shortcode() nhận được phản hồi.

WordPress 5.4 sẽ chính thức được ra mắt trong thời gian tới, hứa hẹn nhiều thay đổi. Đây là bước tiến lớn nhưng chắc chắn sẽ cần thời gian để hoàn thiện. Hy vọng bài viết đã mang đến những thông tin hữu ích cho bạn đọc, đặc biệt là các khách hàng đang thuê Hosting WordPress tại Mắt Bão.

{
“@context”: “https://schema.org”,
“@type”: “FAQPage”,
“mainEntity”: [
{
“@type”: “Question”,
“name”: “Các thay đổi mới với người dùng WordPress 5.4”,
“acceptedAnswer”: {
“@type”: “Answer”,
“text”: “- Sửa lỗi chỉnh sửa trên di động
– Các thay đổi của WordPress Gutenberg trong phiên bản 5.4
– Chọn nhiều Blocks
– Social Icons và Buttons Blocks
– Đổ màu cho Blocks với API Gradient
– Thay đổi trình chỉnh sửa ảnh WordPress 5.4
– Các tính năng mới khác của Blocks
Độc giả có thể vào xem thêm cụ thể trong bài viết.
”
}
}
, {
“@type”: “Question”,
“name”: “Cập nhật các thay đổi về phát triển Theme WordPress 5.4”,
“acceptedAnswer”: {
“@type”: “Answer”,
“text”: “- Block Editor Markup và các thay đổi trong Style
– Calendar Markup và cách thay đổi của Class
Cùng một số thay đổi khác mà Developers có thể vào xem thêm trong bài viết. ”
}
}
, {
“@type”: “Question”,
“name”: “Cập nhật các thay đổi khi phát triển Block WordPress 5.4 “,
“acceptedAnswer”: {
“@type”: “Answer”,
“text”: “- Block Scaffolding
– Block Collections API
– Block Variations API
Cùng một số thay đổi khác mà Developers có thể vào xem thêm trong bài viết. ”
}
}
] }