Gutenberg và WordPress Page Builders – Sự khác biệt thực sự là gì?

Nội dung bài viết

Khi nhiều người dùng nâng cấp lên WordPress 5.0 , chúng tôi đã nhiều lần được hỏi liệu trình chỉnh sửa khối WordPress mới, Gutenberg, có nghĩa là thay thế cho các plugin trình tạo trang WordPress kéo và thả hay không.

Trình chỉnh sửa khối WordPress mới khá mạnh mẽ và cho phép bạn xây dựng bố cục nội dung đẹp mắt. Tuy nhiên, nó không phù hợp với các plugin trình tạo trang mạnh mẽ.

Trong bài viết này, chúng tôi sẽ so sánh các plugin trình tạo trang Gutenberg và WordPress để giúp bạn hiểu sự khác biệt thực sự. Chúng tôi cũng sẽ chia sẻ lộ trình tương lai của Gutenberg để giúp bạn thấy nó sẽ thay đổi như thế nào trong tương lai.

Gutenberg vs Page Builder Plugins

Gutenberg vs WordPress Page Builder Plugins (Giải thích)

Gutenberg là trình soạn thảo WordPress mặc định mới. Nó sử dụng các khối để thêm và sắp xếp các phần tử nội dung cho các bài đăng và trang, do đó là trình chỉnh sửa khối tên.

New WordPress editor called Gutenberg

Vì Gutenberg cho phép bạn dễ dàng thêm các kiểu nội dung tùy chỉnh và phần tử kéo & thả, nên rất dễ nhầm lẫn và bắt đầu gọi nó là trình tạo trang.

Nhưng nó không ở đâu gần (ít nhất là chưa).

Các plugin trình tạo trang WordPress là các công cụ thiết kế kéo và thả cho phép bạn tạo các thiết kế trang web hoàn toàn tùy chỉnh mà không cần viết bất kỳ mã nào.

Creating a page with Beaver Builder best page builder plugin

Các trình tạo trang WordPress hàng đầu như Beaver Builder , DiviVisual Composer mạnh hơn đáng kể. Chúng đi kèm với các mẫu làm sẵn mà bạn có thể sử dụng và mang lại sự linh hoạt trong thiết kế hơn rất nhiều so với Gutenberg.

Hãy cùng tìm hiểu sâu hơn về sự khác biệt giữa Gutenberg và Page Builders để hiểu rõ hơn.

7 Sự khác biệt chính giữa Plugin Gutenberg và WordPress Page Builder

Sự khác biệt lớn nhất là Gutenberg là một trình soạn thảo WordPress mặc định và được tích hợp sẵn với WordPress. Mặt khác, các plugin trình tạo trang được tạo và hỗ trợ bởi các nhà phát triển bên thứ ba.

Nhóm WordPress.org không gọi Gutenberg là trình tạo trang. Thay vào đó, họ gọi nó là trình chỉnh sửa khối và nó được trình bày như một cách hiện đại để chỉnh sửa nội dung trong WordPress.

Có một lý do lớn cho điều đó, và nó sẽ trở nên rất rõ ràng khi bạn đọc sự khác biệt giữa hai điều này.

1. Tính năng Kéo & Thả

Gutenberg không phải là trình tạo trang kéo và thả (ít nhất, không phải ở dạng hiện tại). Bạn có thể thêm khối và di chuyển chúng lên và xuống, nhưng bạn không thể điều chỉnh chiều rộng / chiều cao của chúng, thêm khối bên trong các khối khác hoặc tạo bố cục phức tạp bằng cách sử dụng cột và hàng.

Mặt khác, Trình tạo trang cho phép bạn kéo và thả các khối / widget, điều chỉnh chiều cao và chiều rộng của chúng, thậm chí tạo cột và thêm khối bên trong các khối khác.

Nested blocks, rows, and columns

2. Hỗ trợ chủ đề và khả năng tương thích

Gutenberg chủ yếu dựa vào các phong cách chủ đề WordPress của bạn. Nó thêm một số CSS của riêng mình và thậm chí cho phép bạn thêm CSS tùy chỉnh cho các khối, nhưng nó không ghi đè các kiểu và cài đặt chủ đề của bạn.

Mặc dù các plugin của trình tạo trang có thể hoạt động với các kiểu chủ đề của bạn, nhưng chúng cũng cung cấp cho bạn tùy chọn để tiếp quản hoàn toàn một trang và ghi đè các kiểu chủ đề của bạn. Điều này cực kỳ hữu ích nếu bạn muốn tạo bố cục trang tùy chỉnh.

3. Chỉnh sửa trực tiếp so với trình chỉnh sửa phụ trợ

Khi bạn đang chỉnh sửa bài đăng hoặc trang trong Gutenberg, những gì bạn thấy trên màn hình không phải là bản xem trước trực tiếp của bài đăng hoặc trang thực tế của bạn. Gutenberg là một trình soạn thảo phụ trợ và nó sẽ cố gắng hết sức để mô tả nội dung của bạn sẽ trông như thế nào khi bạn xem trước.

Mặt khác, các plugin trình tạo trang cung cấp cho bạn bản xem trước trực tiếp thực tế về trang của bạn khi bạn chỉnh sửa nó. Bạn có thể thấy chính xác mọi thứ sẽ xuất hiện như thế nào mà không cần lưu trang.

Editing pages with live preview

4. Bố cục nội dung so với thiết kế trang

Các khối Gutenberg cho phép bạn tự do tạo bố cục nội dung, nhưng chúng khá hạn chế. Bạn có thể sử dụng cột, bảng và hình ảnh bìa có chiều rộng đầy đủ.

Trình tạo trang linh hoạt hơn. Bạn không chỉ có thể thêm nội dung mà còn có thể thay đổi toàn bộ bố cục trang. Họ cung cấp nhiều tùy chọn thiết kế hơn cho từng widget và khối.

Creating page designs with page builder

5. Các tiện ích và khối

Gutenberg đi kèm với một tập hợp các khối mặc định phù hợp bao gồm tất cả các phần tử nội dung thường được sử dụng. Bạn cũng có thể lưu và sử dụng lại các khối trong các bài đăng khác và thậm chí trên các trang web WordPress khác .

Nó có một API mạnh mẽ cho phép các nhà phát triển plugin cũng tạo ra các khối của riêng họ. Tất cả các plugin WordPress hàng đầu đã có các khối Gutenberg của riêng chúng mà bạn có thể sử dụng.

Gutenberg blocks

Trình tạo trang đi kèm với nhiều khối, mô-đun và tiện ích con hơn. Họ cung cấp các yếu tố nội dung nâng cao bao gồm băng chuyền, thanh trượt, nút kêu gọi hành động, biểu mẫu liên hệ , đồng hồ đếm ngược, v.v. Bạn cũng có thể lưu các khối, hàng hoặc toàn bộ mẫu riêng lẻ để sử dụng lại sau này.

Content modules in Beaver Builder

Các nhà xây dựng trang phổ biến cũng có các API của riêng họ cho phép các nhà phát triển khác tạo các phần mở rộng và khối. Ví dụ: gói Ultimate Addons cho Beaver BuilderDivi Monk cho Divi Page Builder .

6. Tùy chọn Định dạng và Tạo kiểu

Các khối trong Gutenberg có các tùy chọn định dạng và kiểu dáng riêng. Tuy nhiên, các tùy chọn này có giới hạn. Để có thêm kiểu dáng và định dạng, bạn sẽ phải thêm CSS tùy chỉnh của riêng mình cho một khối.

Styling options

Mặt khác, Trình tạo trang cung cấp nhiều tùy chọn tạo kiểu hơn. Bạn có thể thay đổi màu nền của các khối, sử dụng độ dốc, sử dụng biểu tượng phông chữ, chọn phông chữ, chiều cao dòng, điều chỉnh chiều rộng của các phần tử, sử dụng kiểu trên hình ảnh và hơn thế nữa.

7. Phạm vi

Mục đích của việc thêm Gutenberg vào WordPress là cung cấp trải nghiệm viết hiện đại cho người dùng. Nó được thiết kế để được sử dụng bởi tất cả mọi người bao gồm các blogger, nhà văn, nhiếp ảnh gia và các doanh nghiệp.

Plugin trình tạo trang cung cấp giao diện kéo và thả trực quan để thiết kế toàn bộ các trang . Chúng được dự định sẽ được sử dụng bởi các doanh nghiệp nhỏ, nhà thiết kế đầy tham vọng, đại lý WordPress, cửa hàng thương mại điện tử và hơn thế nữa.

Trong khi Gutenberg giúp bạn tạo nội dung tốt hơn, các plugin trình tạo trang giúp bạn tạo các trang đích tốt hơn giúp bạn tăng doanh số bán hàng, thúc đẩy người đăng ký và phát triển doanh nghiệp của mình.

Gutenberg có thể thay thế các trình tạo trang WordPress không?

Ở dạng hiện tại, Gutenberg chỉ là một trình soạn thảo nội dung tốt hơn những gì WordPress có trước đây. Nó KHÔNG thay thế cho các plugin trình tạo trang WordPress mạnh mẽ.

Như đã nói, nó nằm trong lộ trình của WordPress để mở rộng chức năng của Gutenberg sang nhiều khu vực khác của trang web như menu, widget và thậm chí cả công cụ tùy chỉnh.

Chúng tôi sẽ phải chờ xem những cải tiến để xác định xem liệu Gutenberg có bao giờ đóng các plugin trình tạo trang WordPress mạnh mẽ hay không.

Plugin trình tạo trang nào để sử dụng với Gutenberg?

Tất cả các plugin trình tạo trang WordPress hàng đầu đều hoạt động tốt với WordPress 5.0 và trình chỉnh sửa Gutenberg mới. Bạn có thể xem qua lựa chọn của chúng tôi về các plugin trình tạo trang WordPress tốt nhất và cách chúng xếp chồng lên nhau.

Nếu bạn đang xây dựng một trang web doanh nghiệp nhỏ và có ít hoặc không có kỹ năng kỹ thuật, thì chúng tôi khuyên bạn nên xây dựng Beaver Builder . Đây là trình tạo trang WordPress thân thiện với người mới bắt đầu nhất và được đóng gói với các tính năng.

Sự lựa chọn thứ hai của chúng tôi sẽ là Divi . Nó dễ sử dụng và cho phép bạn truy cập vào hàng chục mẫu, mô-đun và một cộng đồng người dùng khổng lồ.

Chúng tôi hy vọng bài viết này đã giúp bạn hiểu sự khác biệt giữa trình chỉnh sửa khối Gutenberg và plugin trình tạo trang WordPress. Bạn cũng có thể muốn xem hướng dẫn của chúng tôi về cách phát triển trang web của bạn với ngân sách hạn hẹp .

Nếu bạn thích bài viết này, vui lòng đăng ký Kênh YouTube của chúng tôi để xem các video hướng dẫn về WordPress. Bạn cũng có thể tìm thấy chúng tôi trên TwitterFacebook .

Chia sẻ để ủng hộ ad nhé
Share on facebook
Facebook
Share on twitter
Twitter
Share on linkedin
LinkedIn
0 0 Đánh giá
Xếp hạng bài viết
Đăng ký
Thông báo về
guest
0 Bình luận
Phản hồi nội tuyến
Xem tất cả bình luận
0
Để lại ý kiến của bạnx
()
x
error: Cảnh báo: Không có quyền !!