Top 7 plugin cho Gutenberg (2021) – Đánh giá, so sánh toàn diện nhất

Như các bạn đã biết, Gutenberg không chỉ dừng lại là một WordPress editor mà xa còn hơn thế nữa – WordPress đang có tham vọng đưa Gutenberg thành một page builder, một công cụ hữu hiệu để xây dựng website WordPress. Theo xu hướng đó, các nhà phát triển đã tạo ra khá nhiều plugin để bổ sung nhiều block, layout, settings, … cho Gutenberg, phục vụ nhu cầu của các developer và chủ website.

Sử dụng các plugin kèm theo các theme dành cho Gutenberg, thì việc xây dựng website, viết bài đăng, xây dựng landing page, … sẽ trở nên đơn giản và thuận tiện hơn cho người dùng và các dev rất nhiều.

Để tìm hiểu rõ hơn về các plugin phổ biến nhất dành cho Gutenberg Block hiện nay, hãy dành 5 phút để lướt qua danh sách 7 plugin dưới đây. Các đánh giá được dựa trên các tiêu chí như:

  • Số lượng các blocks thêm vào;
  • Khả năng tùy biến block (bao gồm các block, pattern có sẵn);
  • Tính dễ dùng, linh hoạt;
  • Khả năng hiển thị, tương thích với theme.

Dưới đây là danh sách đánh giá các plugin cho Gutenberg của chúng mình:

Atomic Blocks

Atomic Blocks cung cấp cho người dùng 15 blocks có sẵn khá đa dạng như Testimonial, Contact info and map, Service 3 and 4 columns, pricing, … và theo mình thấy thì chúng khá hợp cho một trang business.

Các blocks của plugin Atomic Blocks hỗ trợ phù hợp với các trang business, kinh doanh.

Việc thêm các thành phần nhỏ hơn cho block rất tiện. Ví dụ như block Pricing Column này, bạn có thể thêm các block nhỏ dành riêng cho bảng giá.

Atomic Blocks có blocks tạo bảng giá cho business.

Hoặc như block Advanced Column này, các bạn có thể tùy chọn các layout một cách dễ dàng ngay sau khi click vào nút thêm block:

Block Advanced Column của Atomic Blocks cho phép người dùng tùy chọn layout chỉ bằng một cú click.

Ngoài ra, Atomic Block còn có các layout dựng sẵn khá đẹp cho từng phần của trang:

Plugin Atomic Block có nhiều layout dựng sẵn, đẹp mắt.

Tuy nhiên khi mình chọn một layout full width, ví dụ như hình dưới đây:

Tuy nhiên, bạn nên dùng plugin Atomic Block với theme cùng tên.

Thì ở ngoài front end, theme eStar mình đang dùng lại không hiển thị giống vậy:

Plugin Atomic Block không tương thích hoàn toàn với tất cả các theme.

Vậy nên để đạt được kết quả hiển thị tốt nhất, bạn nên dùng kết hợp plugin Atomic Blocks với theme Atomic Blocks.

CoBlocks

CoBlocks khá hào phóng khi cung cấp tới 29 block miễn phí cho Gutenberg. Các block cũng rất đa dạng, như hỗ trợ chia column, chỉnh độ rộng, margin, padding, tùy chỉnh một số màu sắc, thêm một số thành phần chia column sẵn như post, service, …

Nhìn chung, người dùng có thể tận dụng các block của CoBlocks để xây dựng website với giao diện khá đa dạng và đẹp mắt. Ví dụ như bạn hãy dùng block Shape Divider này và thoải mái tùy chỉnh các kiểu hiển thị, màu sắc, kích cỡ, … sao cho phù hợp với trang web:

CoBlocks cho giúp người dùng xây dựng website với giao dienjd đa dnag, đẹp mắt.

Điều mình thích nhất ở CoBlocks là block College. Bạn không chỉ có 3 layout cho gallery cực độc lạ và đẹp, mà còn chọn được filter cho ảnh kèm với preview của từng filter, cũng như chỉnh shadow, light box. Về mặt ý tưởng, theo mình thì team khá thành công.

CoBlocks hỗ trợ nhiều layout cùng filter đi kèm giúp trình chiếu thông tin của bạn đẹp mắt hơn.

Block này của mình hiển thị cũng rất đẹp ở ngoài website nữa:

Plugin tạo block này tạo ra được các thiết kế đẹp ngoài website.

GenerateBlocks

So với các plugin khác trong bài thì GenerateBlocks có ít block hơn. Plugin cho Gutenberg này hỗ trợ 4 loại sau:

GenarateBlocks hỗ trợ ít block hơn với các plugin khác.
  • Grid: Tạo bố cục nâng cao với lưới linh hoạt.
  • Headline: Tạo nội dung văn bản phong phú với kiểu chữ nâng cao, tùy chỉnh thêm icon, màu sắc …
  • Container: Sắp xếp nội dung theo hàng và các phần khác nhau
  • Button: Tạo, tùy chỉnh button

Tuy nhiên, các block này lại có cực nhiều settings, cho phép bạn tùy chỉnh đến từng chi tiết nhỏ nhất của block.

Ví dụ như block Container này, các mục tùy chỉnh chi tiết đến nỗi bạn có thể chọn từng kích cỡ cho margin, padding và các yếu tố khác.

Tuy nhiên, mỗi block của Generate Blocks lại cho phép người dùng can thiệp, chỉnh sửa từng chi tiết nhỏ nhất.

Thậm chí, GenerateBlocks hỗ trợ tùy chỉnh hiển thị block ở Desktop, Tablet, và Mobile và hiển thị thiết kế tương ứng với từng loại thiết bị ngay trong editor như này, thật sự rất tiện phải không?

Plugin GenerateBlocks hỗ trợ hiển thị thiết kế với từng loại thiết bị.

Kadence Blocks

Kadence Blocks cung cấp cho bạn 12 blocks cho Gutenberg. Các block này theo mình thấy về mặt ý tưởng không quá đặc sắc, nhưng khả năng tùy chỉnh lại vô cùng linh hoạt và tiện lợi.

Kadence Blocks cung cấp cho bạn 12 blocks cho Gutenberg.

Điều đặc biệt và khác biệt nhất của Kadence Blocks plugin đó là bạn có thể bật, tắt từng block, thậm chí là từng setting của mỗi block cho từng user role khác nhau với giao diện dễ dùng và thuận tiện:

Kadence Blocks plugin che phép bạn bật, tắt từng block, thậm chí là từng setting của mỗi block cho từng user role khác nhau

Bên cạnh đó, Kadence Blocks còn có các lựa chọn tùy chỉnh độ rộng của editor trong backend:

Plugin này cho người dùng tùy chỉnh độ rộng của editor trong backend.

Qubely

Số lượng các block mà plugin cho Gutenberg Qubely hỗ trợ lên tới 23 block – khá ấn tượng đúng không?

Plugin Qubely hỗ trợ 23 blocks cho sáng tạo nội dung các post/ page.

Đặc biệt, với nút Import Layout ngay cạnh nút thêm block ở thanh công cụ, việc import sẽ tiện hơn rất nhiều. Số lượng các layout có sẵn cũng khá lớn: hơn 60 layout cho bản free và 100 layout cho bản pro.

Plugin Qubely cung cấp số lượng layout khổng lồ cho người dùng.

Tuy nhiên, cũng nên lưu ý là tùy vào theme bạn đang dùng mà các layout có sẵn này của Qubely Gutenberg plugin sẽ hiển thị đúng như trong backend hay không nhé.

Cần lưu ý sự tương thích của từng layout với theme bạn đang sử dụng.

Qubely cũng có khả năng tùy chỉnh hiển thị của block trên từng loại thiết bị như GenerateBlocks, nhưng lại chi tiết và tỉ mỉ hơn GenerateBlocks ở chỗ, bạn có thể tùy chỉnh cho từng block một!

Qubely cho phép bạn tùy chỉnh từng block một.

Ngoài việc thêm các block cho Gutenberg, Qubely còn thêm các setting khác như tùy chỉnh màu sắc, cỡ chữ, độ rộng, đặc biệt là bạn có thể thêm các preset theo ý muốn:

Qubely cho phép bạn tùy chỉnh nhiều yếu tố như màu sắc, kích thước font chữ,.... của bài đăng.

Theo mình đánh giá, Qubely là một trong các plugin hỗ trợ toàn diện và đa dạng cho Gutenberg nhất.

Editor Plus

Editor Plus cung cấp một thư viện với 22 mẫu sẵn có cho Gutenberg. Các mẫu này đa dạng, dành cho các mục đích khác nhau như như đám cưới, photography, business, …

Editor Plus cung cấp nhiều mẫu sẵn có, phù hợp với nhiều mục đích như đám cưới, nhiếp ảnh, kinh doanh, v.v....

Tuy nhiên, các mẫu này có thể sẽ không khớp với theme của bạn ngay đâu, nên bạn cần tùy chỉnh thêm để website được hiển thị đẹp hơn nhé.

Hãy chỉnh sửa để các mẫu của plugin cung cấp phù hợp với theme hiện tại của mình.
Website sau khi cài đặt, tùy chỉnh cho blocks.

Ngoài ra thì Editor Plus cũng cung cấp một số block khá thú vị và có tính ứng dụng cao như thêm đánh giá sao, thêm nút đếm ngược, icon, … nhanh chóng.

Editor Plus cung cấp nhiều block thú vị, có tính ứng dụng cao như đếm ngược thời gian, thêm icon, ....

Nhưng hơn hết, Editor Plus cung cấp rất nhiều tùy chỉnh cho Gutenberg như tùy chỉnh typography, shape divider, thêm icon ở bất kỳ đâu, … Và bạn cũng có thể tùy chỉnh các yếu tố trên từng thiết bị khác nhau:

Editor Blocks cho phép bạn tùy chỉnh tcác block rên mọi phương tiện.

Stackable

Cuối cùng trong danh sách plugin cho Gutenberg của chúng mình là plugin Stackable. Stackable cũng có sẵn những template, những thiết kế có sẵn cho các block đẹp mắt. Bạn có thể sử dụng tới 89 thiết kế miễn phí, 264 thiết kế mất phí cho các block và một số bộ IU Kits khác nhau.

Stackale là plugin chưa vô càn các thiết kế block miễn phí và đẹp mắt.

Sau khi chọn xong template, bạn có thể style chúng một cách hết sức chi tiết. Stackable hỗ trợ tùy chỉnh rất nhiều yếu tố và hỗ trợ cả việc ẩn/hiện trên từng thiết bị khác nhau nữa.

Tuy nhiên, mình thấy giao diện của phần này chưa được thân thiện lắm, có thể là vì có nhiều tùy chọn quá nên chúng làm mình bối rối khi mới sử dụng lần đầu.

Plugin này có thể hỗ trợ ẩn/ hiện các block trên từng thiết bị.

Và để các template này hiển thị full width đúng như trong backend, bạn cần tùy chỉnh thêm ở theme đang dùng nữa nhé.

Kết luận

Mỗi plugin trong danh sách trên đều có những thế mạnh riêng. Ví dụ như CoBlocks có ý tưởng tốt, khéo léo, còn Qubely cung cấp rất nhiều tùy biến và dễ sử dụng, Editor Plus lại có rất nhiều thiết kế có sẵn với nhiều cài đặt chi tiết.

Trong số 7 plugin cho Gutenberg trên, bạn đã thử và thích plugin nào nhất? Hãy cho chúng mình biết bằng cách comment ở dưới nhé.

Để lại bình luận

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *