Ngày 24 tháng 5, 2022 WordPress 6.0, với tên mã Arturo chính thức ra mắt, đánh dấu một cột mốc mới trong quá trình phát triển của CMS số 1 thế giới và bước tiến lớn trong sứ mệnh Full Site Editing.

Full Site EditingTrong bài này, chúng ta sẽ điểm qua các nâng cấp chính mà WordPress 6.0 mang đến cho người dùng.

Phần sau, cùng nhìn lại các bản cập nhật suốt gần 4 năm, kể từ 12/2018 – khi release phiên bản WordPress 5.0 (Bebo) với Gutenberg – Block Editor được đặc làm trình soạn thảo mặc định thay cho TinyMCE (Classic Editor).

Có gì mới trên WordPress 6.0

WordPress 6.0 ra mắt đánh dấu một cột mốc quan trọng, có thể nói là khá thành công trên lộ trình Full Site Editing mà đội ngũ phát triển WordPress hướng đến.

Trước hết hãy nói sơ qua về Full Site Editing:

Full Site Editing là gì?

Trong WordPress, Full Site Editing là khả năng thiết kế, tuỳ biến toàn bộ Website ngay trên WordPress Editor – cụ thể là Gutenberg Block Editor.

Full Site Editing không chỉ là xu hướng tất yếu của WordPress mà gần như là xu hướng tất yếu của thiết kế web trong tương lai, là một phần trong thời đại No-Code, Low-Code sắp tới, khi mà cả Website và ứng dụng Web đều có thể được xây dựng với đầy đủ tính năng & thiết kế chuyên nghiệp mà không cần phải đụng đến dòng code nào (hoặc rất ít).

Webflow, Bubble hay Google Cloud’s App Sheet và cả Mailchimp, là một trong số các nền tảng No-Code, Low-Code điển hình.

Webflow No-code Web Design

Gutenberg Roadmap

Gutenberg có một lộ trình dài hơi (Gutenberg Roadmap), khởi đầu từ khi ra mắt phiên bản thử nghiệm của dưới dạng plugin năm 2017. Sau đó, Gutenberg sẽ trải qua 4 giai đoạn chính để hoàn thiện:

  • Giai đoạn 1 – Easy Editing (Block Editor): từ 2018 – 2019, Gutenberg giai đoạn này hỗ trợ người dùng các tính năng để dễ dàng biên tập, chỉnh sửa nội dung bài viết và trang web, cung cấp các blocks hỗ trợ ở cấp độ cơ bản như Text Blocks, Image Block,…
  • Giai đoạn 2 – Customization (Full Site Editing): từ 2019 – 2023, Gutenberg hỗ trợ các tính năng Full Site Editing, bao gồm hệ thống Block Directory, Blocks Pattern, Block-based Themes. WordPress 6.0 hiện đang ở chặn cuối của hành trình này.
  • Giai đoạn 3 – Collaboration (Multi-Author): dự kiến hoàn thành trong 2023, cho phép nhiều người cùng tham gia xây dựng Website WordPress trên Gutenberg.
  • Giai đoạn 4 – Multi-Lingual Sites: dự kiến xong cuối 2023 hoặc đầu 2024, hỗ trợ xây dựng website đa ngôn ngữ.

Lộ trình phát triển Gutenberg - Gutenberg Roadmap

Trong suốt lộ trình này, ngoài các bản fix lỗi bảo mật, cải thiện hiệu năng thì mọi tính năng mới của WordPress đều tập trung cho Gutenberg Block Editor.

Dễ nhận ra, trong lộ trình 4 giai đoạn kéo dài 5 năm thì giai đoạn 2 – hỗ trợ các tính năng Full Site Editing chiếm đến 4 năm, bởi đây là hạt nhân quyết định thành bại của Gutenberg.

Phiên bản WordPress 6.0 sẽ tập trung nâng cấp, cải thiện các tính năng Full Site Editing vừa được giới thiệu ở WordPress 5.9 (01/2022) và bổ sung thêm các tính năng và blocks mới, ta sẽ điểm qua các thay đổi đáng chú ý trong phiên bản này:

Global Styles Switching/ Swith Theme Styles

Tính năng thay đổi Color Scheme được giới thiệu từ trước cho phép thay đổi nhanh tông màu của toàn bộ Website ngay trên Block Editor (Gutenberg).

Ở WordPress 6.0, tính năng này được mở rộng cho cả Font chữ và Layout, cho phép thay đổi toàn bộ Style của Website chỉ với một click:

Tất nhiên, nhà phát triên theme hoặc plugin tuỳ ý tích hợp sẵn số lượng Style để người dùng chọn lựa. Ví dụ theme default Twenty Twenty Two, cho phép chuyển qua lại giữa các style sau:

Theme Styles (Layout, Font, Color) là thứ quyết định chất lượng thiết kế, thường những nhà thiết kế Web chuyên nghiệp mới có thể tạo từ đầu Theme Styles chất lượng, việc phối hợp giữ màu sắc, font chữ và layout không chỉ để cho giao diện (UI) bắt mắt mà còn phải tuân theo các qui tắc thiết kế để tối ưu trải nghiệm người dùng (UX – User Experience).

Nhiều theme nổi tiếng dẫ hỗ trợ Font & Color Switching từ năm 2020, nhưng bao gồm cả Layout thì rất hiếm.

Đây là tính năng mà các nhà phát triển theme và cả người dùng phổ thông cực kỳ hưởng ứng.

Bạn có thể hình dung các theme có tính tuỳ biến mạnh như Astra, GeneratePress, OceanWP sẽ tuyệt vời thế nào khi thời gian tới họ tích hợp sẵn hàng chục hoặc hàng trăm Theme Styles, chúng ta có thể dùng nhanh Themes Styles chất lượng cao cho nhiều dự án thiết kế khác nhau.

Export Theme – Reusable Theme

Tính năng ít được chú ý nhưng thực sự cực kỳ bá đạo sẽ được giới thiệu ở WordPress 6.0 là Export Theme trên Site Editor.

Export Theme ho phép người dùng export toàn bộ theme và các cấu hình thiết lập hiện có ngay trên Site Editor, thành một file theme hoàn chỉnh và có thể import nó lên một site mới khi cần dùng lại.

Theme Export - Site Editor

Tính năng này không giống với việc tải theme về và export file cấu hình json của theme (theme option export) như đã biết trước đây. Cụ thể:

  • Với Full Site Editing, ta có thể tạo từ đầu toàn bộ các templates của WordPress, từ header, footer, sidebar, single page, archive page, 404 page,.. Việc này từ WordPress 5.9 đã có thể thực hiện trên Site Editor (cũng giống Block Editor nhưng dùng để tạo các template).
  • Sau khi tạo các template cho toàn bộ Website trên Site Editor, ta có thể export như một theme hoàn chỉnh – tạm gọi là theme thế hệ mới, và có thể import nó lên Site Editor trên site khác.

Bản theme này không phụ thuộc vào theme và plugin đang dùng, mà nó hoạt động hoàn toàn dựa vào Gutenberg Editor, tức từ bây giờ, chúng ta có thể tự thiết kế một Theme WordPress ngay trên Site Editor và dùng có thể dùng nó trên mọi Website WordPress khác.

Tất nhiên theme và plugin chính thống trên WordPress vẫn có thể hỗ trợ tính năng & thiết kế cho bản theme này các blocks của chúng.

Nếu bạn tham khảo nền tảng Node-Code – Webflow, bạn dễ dàng thấy nhiều nhà phát triển bán các template để người dùng import thành một website hoàn chỉnh. Tương lai gần, chúng ta có thể tạo các theme ‘thế hệ mới’ ngay trên Site Editor, rồi export để bán lại cho người dùng.

Theme Export sẽ mở đường cho No-Code Theme Development trên WordPress, những nhà phát triển theme tương lai có thể sẽ không cần một chút kiến thức về lập trình nào, cả back-end (PHP) lẫn Front-End (HTML/CSS/JS). Ô mai Gót!

Webfonts API

Tính năng mới Webfonts API, hỗ trợ cho các nhà phát triển theme, plugin, để họ có thể tích hợp fonts ngay trên WordPress và thực hiện Load fonts locally.

Hầu hết các Website hiện nay đều dùng Webfonts như các font từ Google Fonts, Typekits,.. vì font từ các thư viện Webfonts đẹp, hiện đại và dễ đọc, ít nhàm chán như các font tích hợp sẵn trên hệ điều hành thiết bị (System fonts).

Tuy nhiên, vấn đề cố hữu của Webfont là chúng thường được tải trực tiếp từ thư viện của nhà cung cấp như Google Font Libary, điều này khiến cho quá trình load trang web chậm đi đôi chút và phát sinh thêm một http request ra bên ngoài.

Những ai làm nhiệm vụ tối ưu tốc độ Website đều quen thuộc với vấn đề này. Chúng ta thường xử lý bằng cách chọn preload fonts hoặc tải font về upload lên máy chủ rồi khai báo lệnh import vào file functions.php của theme, cả 2 cách đều không phải giải pháp tốt nhất.

Gần đây một số theme như Astra cho phép Load font locally khi bạn dùng Webfonts, tức Astra sẽ tải font về server rồi load trực tiếp từ đó.

Tính năng Webfonts API sẽ giúp việc này dễ dàng hơn cho tất cả các nhà phát triển theme hay plugin.

Các Block mới trên WordPress 6.0

Ở WordPress 5.8 & 5.9, các block cơ bản cho Full Site Editing đã được giới và nhóm lại thành Theme Blocks, như Query Loop block, Site Title, Post Title, Post Author…

Ở WordPress 6.0 chúng ta có thêm một số block mới, để giúp thiết kế các phần nhỏ khác của Website WordPress:

Comment Query Loop 

Block này cho phép hiển thị và tuỳ biến danh sách bình luận, chúng ta có thể tuỳ biến phần comment khi tạo các template trên Site Editor:

Read More 

Read More là block chèn vào bất kỳ chỗ nào của nội dung, nó sẽ ẩn phần nội dung phía dưới và chỉ hiển thị khi người đọc click vào Read More:

Block này rất hữu ích khi nội dung của một trang quá dài, hoặc khi bạn chỉ muốn hiển thị phần giới thiệu của của nội dung trước, việc load phần còn lại phụ thuộc vào người đọc có muốn đọc tiếp hay không.

No Result in Query Loop

Trên WordPress 6.0, No Result block được dùng cho mục đích hiển thị thông báo khi Query Loop không trả về kết quả nào, nó là block con của Query Loop, nên chỉ hiển thị trên Gutenberg khi chúng ta sử dụng Query Loop.

Hiện tại thì No Result chưa có nhiều ứng dụng thực tế.

Avatar Block & Post Author Biography Block

Hai block nhỏ nữa được giới thiệu là Avatar và Post Author Biography. Hai block này cho phép tuỳ chỉnh nâng cao hơn phần giới thiệu tác giả bài viết, hỗ trợ cho việc tạo Single post template hoàn chỉnh hơn.

Riêng Avata block, bạn có thể hiển thị cho một người dùng nhất định hoặc tác giả bài viết:

Các tính năng mới trên Gutenberg từ WordPress 6.0

Những tính năng mới giúp việc thiết kế trên Gutenberg hiệu quả hơn cũng được giới thiệu ở lần ra mắt này:

Multi Select – Select Text on Multi Blocks

Tính năng chọn văn bản (bôi đen để xoá, copy, cut) trên nhiều block cùng lúc là thứ người dùng mong mỏi từ lâu.

Vì trên Gutenberg, mọi thứ đều là một block riêng lẻ, nên mỗi đoạn văn bản là mỗi block riêng lẻ, do đó ở các phiên bản Gutenberg trước, bạn không thể chọn cùng lúc một phần văn bản ở block này với block khác như trên Classic Editor (TinyMCE), mà mỗi lần chọn sẽ phải chọn toàn bộ text của block.

Đây là rào cản lớn đối với tốc độ soạn thảo nội dung, vốn đã quen với việc bôi đen & chọn bất kỳ phần nội dung nào mình thích trên Editor.

Rất may, cuối cùng ở WordPress 6.0, chúng ta cũng có thể thao tác chọn văn bản linh hoạt trên Block Editor:

Multi Select – Select Multi Blocks on List View

Cho phép chọn nhiều block cùng lúc trên Panel List View, tức bạn có thể chọn một nhóm blocks trên List View để di chuyển vị trí của chúng hoặc thực hiện các tác vụ liên quan.

Để chọn nhiều block, ta giữ phím Shift rồi click vào các block muốn chọn:

Lock Reusable Blocks

Reusable Blocks là các block được chỉ định dùng chung trên nhiều trang ở cùng website WordPress, khi thay đổi block này ở một trang bất kỳ thì thay đổi sẽ áp dụng trên toàn bộ các trang dùng nó.

Ứng dụng thường gặp là các block hiển thị banner quảng cáo, Call To Action, Form đăng ký,… những thứ mà ta có thể dùng chung trên nhiều trang.

Vì tính chất đặc biệt như vậy, nếu chúng ta xây dưng trang web cho khách hàng và có sử dụng reusable block, thì lỡ khách hàng táy máy chỉnh sửa hoặc lỡ tay xoá block này trên trang nào đó, thì mọi trang khác sẽ bị ảnh hưởng.

Đó là lý do tính năng Lock Reusable Blocks xuất hiện, cho phép khoá các block này. Với các tuỳ chọn cao nhất là khoá hoàn toàn, rồi khoá di chuyển hoặc không cho xoá:

Tất nhiên, khi cần chỉnh sửa, ta sẽ Unlock nó rồi chỉnh sửa.

Blocks Pattern EveryWhere

Blocks Pattern là các template có sẵn để người dùng sử dụng khi thiết kế trên Gutenberg.

Giai đoạn cuối 2021 đầu 2022, WordPress giới thiệu trang thư viện Pattern chính chủ – Block Pattern Directory, bao gồm các thiết kế mẫu cho Block Editor, hứa hẹn tạo một cuộc cách mạng cho thiết kế trên Gutenberg trong thời gian tới, cụ thể:

  • Cho phép người dùng tạo block pattern và upload, chia sẻ lên thư viện.
  • Cho phép sao chép sử dụng block pattern miễn phí: bạn chỉ cần chọn pattern mình thích dùng ở Block Pattern Directory, nhấp vào nút copy và rồi paste vô chính Block Editor trên trang web của mình, sau đó chỉnh sửa lại tuỳ thích, quá tuyệt vời.

Tính năng của Block Pattern Directory cũng mở đường cho sự xuất hiện của hàng ngàn thư viện Blocks mẫu đến từ các nhà thiết kế WordPress. Có thể vài năm tới chúng ta có thể dễ dàng lựa chọn trong hàng ngàn thiết kế mẫu chất lượng khi xây dựng dự án Website trên Gutenberg Editor.

Trang thư viện block Patterns được bổ sung thêm nhiều mẫu mỗi ngày:

Đến Gutenberg Pattern Directory

Ở phiên bản WordPress 6.0, khi mở Site Editor để tạo hoặc chỉnh sửa Templates thì Block Patterns được tích hợp sẵn và hiển thị gợi ý khi người dùng thêm một block mới, tức chúng ta không nhất thiết phải tìm và copy pattern muốn dùng từ Block Pattern Directory, mà có thể load trực tiếp trên Site Editor:

 

Responsive Group & Row Blocks (with Flexbox)

Group và Row Blocks là 2 block quan trọng nhất khi thiết kế trên Block Editor, cho phép chúng ta tạo các layout đa dạng. Ở đây có 2 tuỳ chọn là Row & Stack.

Trước đây thì các tuỳ chọn hiển thị 2 block này trên các kích cỡ màn hình khác nhau khá hạn chế, ở WordPress 6.0, việc tuỳ chỉnh responsive của Group và Row Blocks được nâng cấp linh hoạt hơn:

Và Group block giờ đã được hỗ trợ tuỳ chỉnh margin, padding và cả border:

Ở phiên bản Gutenberg 13.0 (phiên bản tích hợp trên WordPress core 6.0) thì WordPress chính thức hỗ trợ “Flexbox” với tính năng Stack variation cho Group Blocks.

Việc tạo layout với Flexbox là bước tiến lớn của Gutenberg, dùng ít code hơn và pagesize nhẹ hơn.

Chúng ta sẽ tìm hiểu kỹ hơn cái này trong các bài viết sau.

Về Flexbox

Nói sơ qua, Flexbox là một kiểu layout của CSS3, hỗ trợ thiết kế layout vô cùng mạnh mẽ mà kỹ thuật columns + rows trước giờ không thể so được, Flexbox Layout ít code hơn nhưng linh hoạt hơn, đặc biệt nó còn đạt được fully responsive – tức tự động điều chỉnh kích thức theo mọi kích cỡ màn hình mà không cần chỉ định cụ thể bằng media queries.

Các trang web hàng đầu thế giới đều đã chuyển qua thiết kế layout với Flexbox, những dịch vụ No-code như Webflow cũng tận dụng Flexbox để tạo ra các trang web nhẹ hơn và so sánh với WordPress như một điểm nhấn.

Flexbox

Tấ nhiên, WordPress cũng sẽ dần đi theo con đường đó, Flexbox thực sự trở thành cứu cánh cho thiết kế WordPress, đặc biệt là các page builder, giúp giải quyết vấn đề pagesize lớn, DOM bloat (sử dụng quá nhiều columns/ rows lồng nhau để thiết kế layout). Hơn nữa nó còn giúp tạo layout phức tạp & fully responsive.

Các theme và page builder nổi tiếng đang chuyển sang Flexbox, như Elementor 3.6 đã có bản thử nghiệm (Alpha), Astra, GeneratePress, Kadence,.. cũng đã dần dần hỗ trợ.

VHW sẽ có một bài viết thật chi tiết & dễ hiểu về Flexbox và vì sao nó đang thành cứu tinh của thiết kế web WordPress thời gian tới.

Hỗ trợ Featured Image cho Cover Block

Tính năng được khá nhiều người yêu cầu, cho phép dùng Featured Image của một post làm ảnh chính trên Cover Block.

Chi tiết hơn, ví dụ bạn tạo một bài viết và muốn ảnh featured hiện ở chỗ nào thì có thể tạo ở đó một cover block, rồi chỉ định nó sử dụng featured image làm ảnh chính.

cover block

Tính năng này hữu ích hơn nữa khi chúng ta tạo template cho single post trên Site Editor, lúc này ta có thể tuỳ ý bố trí tiêu đề bài viết, meta tag và featured image bằng cách sử dụng cover block.

More Filters for Query Loop Block

Query Loop Block được giới thiệu ở WordPress 5.9, dùng để hiển thị danh sách post với các tuỳ chọn khá cơ bản.

Ở phiên bản 6.0, chúng ta có nhiều tuỳ chọn hơn, như hiển thị bài viết theo category, tag hoặc một/ nhiều tác giả, và có thể thiết lập kích thước featured image nữa:

Ngoài những tính năng đã kể trên, còn có một số nâng cấp nhỏ khác để tối ưu việc thao tác sử dụng Gutenberg ví dụ cho phép chọn border cho column, spacing cho ảnh trên Gallery blocks…

Để bạn có thể hình dung rõ hơn về các tính năng trên WordPress 6.0, VHW xin điểm lại chặng đường WordPress từ 12/2018 đến nay (24/05/2022).

Điểm lại các nâng cấp chính từ WordPress 5.0 đến 5.9

Tháng 12/2018, bản nâng cấp lớn WordPress 5.0 với tên mã Bebo ra mắt, sau nhiều đồn đoán thì Gutenberg – Block Editor từ phận plugin danh chính ngôn thuận trở thành Default Editor thay cho TinyMCE (Classic Editor) bất chấp làn sóng phản đối của người dùng và cả phần đông các nhà phát triển.

Những thay đổi trên mã nguồn – WordPress Core luôn gây sự chú ý lớn vì trực tiếp tác động tới hàng tỉ website.

Người dùng phổ thông đã quá quen thuộc với việc soạn thảo nội dung trên TinyMCE, vốn hoạt động tương tự như phần mềm soạn thảo phổ biến nhất thế giới Microsoft Word.

Gutenberg – Block Editor, với cách thức hoạt động khác biệt (mọi thứ trên nội dung đều là block) khiến công việc soạn thảo trở thành thứ gì đó lạ lẫm.

Vừa viết bài vừa phải tìm hiểu cách thức hoạt đông của Block Editor, đó không phải là nhu cầu của đa số người cuối, những người chỉ muốn hoàn thành nội dung bài viết một cách nhanh nhất.

Trong khi đó, tính năng vàng của Gutenberg mà WordPress hứa hẹn với người dùng là khả năng thiết kế trực quan – dễ dàng ngay trên Editor thì ở WordPress 5.0, vẫn còn quá hạn chế, thậm chí chỉ là muỗi so với các page builder nổi tiếng thời điểm đó như Divi, Visual Composer, Beaver Builder và đặc biệt là ‘ngáo ột’ Elementor.

Nhắc lại để thấy quá trình 3 năm rưỡi từ WP 5.0 lên phiên bản 6.0 không hề êm đềm đối với đội ngũ phát triển WordPress, họ vừa phải giữ cho WordPress ổn định, mạnh mẽ vừa phải chứng minh với người dùng rằng Gutenberg Block Editor đáng để sử dụng.

(*) Tên mã của các phiên bản WordPress được đặc theo nghệ danh các huyền thoại nhạc Jazz. Ngoài các nâng cấp chính, các nâng cấp nhỏ – ví dụ như WordPress 5.0.1, không bổ sung tính năng mà chỉ để fix lỗi hiệu năng và bảo mật nếu có.

Gần 4 năm với nhiều nâng cấp đáng kể giúp WordPress thuyết phục người dùng phổ thông và các nhà phát triển theme dần ủng hộ Block Editor:

WordPress 5.0, tên mã Bebo (12/2018)

  • Thay trình soạn thảo mặc định TinyMCE bằng Gutenberg – Block Editor.
  • Hỗ trợ người dùng giữ lại TinyMCE bằng cách chuyển nó thành plugin – gọi là Classic Editor, người dùng hiện nay có thể cài plugin Classic Editor và sử dụng song song với Gutenberg – Block Editor.
  • Ra mắc default theme hỗ trợ block editor – Twenty Nineteen.

WordPress 5.1, tên mã Betty (02/2019)

  • Tích hợp thông báo đề nghị nâng cấp PHP của máy chủ lên phiên bản mới, nếu người dùng đang xử dụng phiên bản không còn hỗ trợ (PHP 5.6 trở về trước).
  • Ra mắt tính năng Site Health (ở mục Tools trên Dashboard) để báo cáo các thông số kỹ thuật quan trọng của WordPress và máy chủ, gợi ý nâng cấp phù hợp.

WordPress 5.2 – Tên mã Jaco (05/2019)

  • Cải thiện tính năng Site Health đã giới thiệu ở 5.1
  • PHP Error Protection: khắc phục lỗi màn hình trắng chết chóc (White Screen of Death) khi theme hoặc plugin bị lỗi.

WordPress 5.3 – Kirk (11/2019)

  • Nâng cấp lớn về giao diện cho Gutenberg Block Editor, giới thiệu block mới – Group block
  • Ra mắt theme default mới, Twenty Twenty với thiết kế khá đỉnh bởi Anders Norén.

WordPress 5.4 – Adderley (03/2020)

  • Nâng cấp lớn giao diện Gutenberg Editor, bổ sung block mới là button block và social icon block.

WordPress 5.5 – Eskstine (08/2020)

  • Tích hợp tính năng Image Lazy Loading
  • Tạo XML Sitemap tự động
  • Tích hợp tuỳ chọn auto update cho theme và plugin
  • Giới thiệu Block Patterns – các mẫu thiết kế dành cho Gutenberg (tương tự thư viện template của các page builder như Elementor)
  • Đặc biệt: hỗ trợ update theme/ plugin bằng cách upload thủ công file .zip, khi upload sẽ có tuỳ chọn ghi đè bản cũ để udpate mà không cần phải đổi tên hay xoá bản cũ như trước đây.

WordPress 5.6 – Simone (12/2020)

  • Nâng cấp lớn về giao diện và hiệu năng cho Gutenberg
  • New default theme – Twenty Twenty One, tích hợp block pattern & giới thiệu pre-selected color palette, cho phép đổi nhanh color scheme của theme.
  • Tích hợp tuỳ chọn update tự động mã nguồn WordPress core, cho phép lựa chọn update tự động tất cả các bản cập nhật hoặc chỉ update các bản nâng cấp quan trọng.
  • Tối ưu hỗ trợ cho PHP 8.

WordPress 5.7 – Esperanza (03/2021)

  • Giới thiệu Simpler Default Color Palette, cho phép nhà phát triển theme & plugin tích hợp dễ dàng.
  • Nâng cấp Reusable Block – cho phép save một block thành reusable block ngay trên trang.
  • Hỗ trợ Lazy Loading cho iframes.
  • Hỗ trợ chuyển nhanh http -> https (cái này chỉ là chuyển các url trên site từ http sang https, chúng ta cần cài SSL trước thì giao thức https mới hợp lệ)

WordPress 5.8 – Tatum (07/2021)

Đây là bản nâng cấp khá lớn của WordPress, trong đó có nhiều tính năng đột phá, đặc biệt là xuất hiện các block mới chuyên cho Full Site Editing gọi là Theme Block như Query Loop, Site Logo, Post Title, Post Content, Post Date,..

  • Chính thức hỗ trợ ảnh định dạng WebP: từ giờ có thể upload trực tiếp ảnh WebP lên Media Library chứ không cần phải upload jpg, png, gif rồi dùng plugin chuyển sang WebP như trước.
  • Dừng hỗ trợ IE 11: thế giới đã quay lưng với trình duyệt Internet Explorer của Microsoft từ lâu, nên quyết định dừng hỗ trợ của WordPress là chính xác.
  • Giới thiệu tính năng Dutone cho ảnh (filter kiểu Instagram)
  • Giới thiệu Block Widget Editor: giờ đây có thể thao tác với widget như block editor, giúp tạo các widget có thiết kế phức tạp.
  • Giới thiệu Theme Blocks: các block hỗ trợ thiết kế mọi thành phần của Website như Header, Footer, Single Post,.. các tính năng này gọi là Full Site Editing.
  • List View: tính năng này hiển thị danh sách các block trên trang ở panel nổi, thao tác nhanh việc chỉnh sửa từng block hay thay đổi vị trí từng block.
  • Ra mắt theme.json: file này hỗ trợ APIs cho Global Styles & Settings, cho phép nhà phát triển theme, plugin dễ dàng tích hợp các thuộc tính mở rộng cho các blocks trên Gutenberg, ví dụ như các tuỳ chọn về layout, màu sắc, kích thước, margin/ padding, font chữ. Với tính năng này, WordPress giúp các nhà phát triển dễ dàng mở rộng thiết kế và tính năng cho Gutenberg Blocks, theme.json sẽ phá bỏ rào cản – tạo động lực cho họ ra mắt thêm nhiều sản phẩm tối ưu cho Gutenberg.

Ở WordPress 5.8, các block hỗ trợ Full Site Editing (Theme blocks) hỗ trợ ở Template Editor, khả năng sử dụng ở mức cơ bản, chủ yếu giới thiệu để dọn đường cho các nâng cấp lớn mạnh mẽ hơn ở các phiên bản sau.

WordPress 5.9 – Josephin (01/2022)

Phiên bản này đưa các tính năng Full Site Editing vừa giới thiệu ở WordPress 5.8 lên một level mới – mạnh mẽ và dễ dùng hơn.

  • Nâng cấp Site Editor: khu vực riêng dành để thiết kế các template cho Full Site Editing, ví dụ tạo template cho header, footer, single post, archive page,..
  • New default theme Twenty Twenty: theme thế hệ mới – gọi là block theme, hỗ trợ hoàn toàn cho Full Site Editing, tức cho phép thiết kế lại toàn bộ Website trên Gutenberg Block Editor.
  • Nhiều nâng cấp đáng kể về giao diện và cách thức sử dụng trên Block Editor.

Và mới nhất, phiên bản WordPress 6.0 ra mắt ngày 24/05/2022 với tên mã Arturo, tôn vinh nhạc sĩ Jazz Mỹ latinh Arturo O’Farril.

Xem toàn bộ các Update của WordPress tại đây:

WordPress Update News

Trong tuần tới, chúng ta sẽ tiếp tục tìm hiểu kỹ hơn về cách sử dụng Gutenberg Editor, so sánh với Elementor & page builder khác. Cũng sẽ có bài viết về Flexbox – thứ sẽ ‘gây bão’ trong tháng tới khi Elementor và nhiều theme & plugin khác chính thức hỗ trợ.

Hẹn gặp lại!

17279

Khóa học Thiết kế Web WordPress 2022

Bạn có thể tự xây dựng Website chuẩn SEO chuyên nghiệp với tài nguyên WP bản quyền trị giá $1000

(*) Vui lòng kiểm tra email để xác thực hoàn tất đăng ký.

Số lượng có hạn, VHW sẽ gởi email thông báo ngay khi khóa học 2022 được mở đăng ký!

11 COMMENTS

  1. Mình vẫn thấy Gurtenburg là thảm họa của WP. Với tư cách là 1 nhà phát triển theme mình không dám cho khách của mình dùng Gurtenburg luôn, nó quá phức tạp với người dùng đầu cuối, đặc biệt là những người có kiến thức hạn hẹp về tin học. Phần lớn khách của mình chỉ muốn website có 1 cấu trúc cố định và họ chỉ việc vào đăng bài viết hoặc sản phẩm rồi bấm đăng, hết.

    • Ý kiến của bạn rất chính xác!
      Gutenberg ra đời lúc đầu có lẽ Automattic nhắm đến thị phần béo bở của các page builder, họ khá nóng mặt với sự thành công quá nhanh của Elementor, bằng chứng là khi Elementor chạy Ads với thuật ngữ Full Site Editing thì cộng đồng thân Automattic phản ứng rất mạnh, dù Full Site Editing không phải slogan độc quyền của WordPress và thực tế chẳng khác nào các tính năng Theme Builder/ Site Builder mà Elementor tiên phong ra mắt từ trước.
      Tuy nhiên, càng về sau, cái Gutenberg nhắm đến bây giờ có lẽ là khoản trống giữ nhóm page builder và classic editor: vẫn có một phân khúc lớn bị bỏ trống mà Gutenberg có thể lấp đầy là những người có nhu cầu thiết kế nhanh – không tuỳ biến nhiều và code nhẹ và cả những người soạn thảo thích làm bài viết trực quan hơn bằng cách thêm thắc các block nhỏ của Gutenberg như chia cột, thêm table of contents, ..
      Thực tế, soạn thảo vẫn là thứ phổ biến và được yêu thích nhất trên WordPress, mà page builder lẫn gutenberg có lẽ không có cách nào khiến công việc này hiệu quả và mượt mà hơn so với trình soạn thảo kiểu mẫu TinyMCE (Classic Editor).
      Theo mình dự đoán, tương lai, cả page builder, gutenberg và classic editor vẫn đồng hành – không phải cạnh tranh thay thế nhau. Đặc biệt có thể sẽ làm việc nhịp nhàng với nhau để đáp ứng mọi nhu cầu của người dùng, cả 3 cái giống như kiền 3 chân cho WordPress vậy.

      • Thấy ra phiên bản mới nên vào hóng hớt xem có gì, nhưng thật hụt hẫng vì những tính năng mới không có cái nào dành cho mình. Với tình trạng cục source ngày càng phình ra nhưng những cấu trúc đi cùng classic editor lại bị lãng quên thì có lẽ mình cũng sẽ sớm chia tay WP thôi, Framework mới là chân ái.

    • Cảm ơn bạn đã ghé qua!
      Hiện VHW Team đã đầy đủ nhân sự để tiếp tục các dự án WordPress, quá nhiều thứ bị trì hoãn suốt mấy năm covid.

  2. Tin vui cho nhiều webmaster khi phải trải nghiệm các thú vị của bản này, tính năng Full Site Editing giới thiệu ở WordPress 6.0 này có phải là một xu thế cho các CMS khác hướng đến không nhỉ ? Cơ mà hỏi thử Vuihocweb đã sẵn sàng cho việc update lên bản 6.0 chưa ? cám ơn bài viết tuyệt vời về WordPress.

    • Bên mình luôn để auto update trên stagin site, nếu ok khoản 1 tuần thì mới update trên live site ạ.
      Về Full Site Editing, chắc chắn là bước tiếp theo, hiện nay các nền tảng như Webflow đã bắt đầu hỗ trợ ở mức độ thấp – dạng web business, blog thông thường. Các tính năng phức tạp như eCommerce, Booking.. thì chưa chính thức do khá phức tạp.
      Full Site Editing toàn diện nhất vẫn là trên WordPress do cộng đồng dev mạnh mẽ. Ví dụ hiện nay Elementor Pro đã hỗ trợ Full Site Editing cho WooCommerce, sắp tới có thể thêm Booking system, LMS,..

LEAVE A REPLY

Please enter your comment!
Please enter your name here