Beaver Builder Là Gì? Những Module Chính Của Beaver Builder

NghiemVo 09/04/2021 133 lượt xem

 

Việc hiểu Beaver Builder là gì sẽ giúp bạn tạo, tùy chỉnh nội dung cho Website WordPress tốt hơn. Trong bài viết tôi cũng sẽ hướng dẫn bạn cài đặt Beaver Builder.

Beaver Builder Là Gì
Beaver Builder giúp bạn tạo, tùy chỉnh nội dung cho Website WordPress tốt hơn

Trước khi tìm hiểu Beaver Builder là gì, hãy chắc chắn rằng bạn đang sử dụng hoặc muốn tạo một trang Web WordPress nhé. Bởi Plugin này là một trình tạo trang được thiết kế cho trang Web WordPress. Bằng cách thêm Beaver Builder vào trang Web của mình, bạn sẽ có nhiều quyền kiểm soát hơn đối với giao diện, bố cục và chức năng của nó.

Có thể bạn quan tâm:

Top những trình tạo trang đáng dùng nhất hiện nay

Tìm hiểu chi tiết về Elementor – Page Builder số 1 hiện nay

Beaver Builder là gì?

Beaver Builder là trình tạo trang WordPress. Nó có thể được sử dụng với bất kỳ chủ đề nào và bạn có thể chuyển đổi chủ đề mà không làm mất nội dung của mình. Ngay cả khi bạn quyết định ngừng sử dụng Beaver Builder, nội dung của bạn sẽ được chuyển trở lại trình chỉnh sửa WordPress.

Với Beaver Builder, tôi và bạn có thể sử dụng các Module được tích hợp sẵn để tạo các trang đơn giản hoặc phức tạp tùy thích. Đặc biệt hơn nữa, chúng ta hoàn toàn có thể thực hiện các tác vụ này mà không cần có kiến ​​thức về mã hóa hoặc thiết kế Web.

Những Module trong Beaver Builder

Beaver Builder bao gồm 30 Module và đang ngày càng được phát triển hơn nữa. Module chứa các cài đặt xác định cách chúng xuất hiện trên trang.

Cơ bản

  • Audio: Module này cho phép bạn chèn một hoặc nhiều tệp âm thanh từ WordPress Media Library hoặc một tệp âm thanh từ nguồn bên ngoài.
  • Button: Nó giúp bạn có thể chèn nút vào Web của mình. Nó cũng có thể mở Lightbox hiển thị Video hoặc bất kỳ nội dung nào khác mà bạn có thể chèn bằng Shortcode, HTML,…
  • Button Group: Là Module giúp hiển thị nhiều nút trong một cột duy nhất, theo chiều ngang hoặc chiều dọc. 
  • HTML: Tôi dùng Module này để chèn mã tùy chỉnh và đánh dấu vào các bố cục được hiển thị trực tiếp đến đầu ra HTML.
  • Heading: Cho phép bạn chèn một tiêu đề vào hàng của bạn được hiển thị bằng thẻ tiêu đề (H1, H2,…) trong HTML output.
module tùy chỉnh heading của beaver builder
  • List: Module này giúp bạn định hình các danh sách đẹp mắt hơn. 
  • Photo: Cho phép chèn một ảnh riêng lẻ từ WordPress Media Library của bạn hoặc một URL tùy chỉnh.
  • Separator: Module Separator chèn một đường ngang để phân tách nội dung. Bạn có thể tạo kiểu cho chiều rộng, màu sắc, căn chỉnh và độ dày của đường kẻ.
  • Text Editor: Bạn có thể thêm hình ảnh tiêu đề và thực hiện các thay đổi đơn giản đối với định dạng văn bản trực tiếp trong trình chỉnh sửa này.
  • Video: Cho phép bạn chèn Video vào Layout hoặc phát Video đó trong Lightbox. Nguồn Video từ WordPress Media Library hoặc mã nhúng do bên thứ ba cung cấp. Riêng tôi thường nhúng URL từ YouTube. 

Phương tiện

  • Content Slider: Bạn có thể hình dung Module này như một bản trình chiếu, trong đó mỗi trang chiếu có một vài hoặc tất cả các thành phần sau:
    • Background (màu, ảnh, Video).
    • Lớp phủ (văn bản, văn bản + ảnh, văn bản + Video).
    • Một liên kết văn bản hoặc nút.
  • Gallery: Được sử dụng để hiển thị một thư viện hình ảnh từ WordPress Media Library hoặc Thư viện SmugMug mà bạn chỉ định.
module Gallery của beaver builder
  • Icon và Icon Group: Module Icon hiển thị một biểu tượng duy nhất cộng với văn bản tùy chọn. Module Icon Group hiển thị một nhóm biểu tượng không có văn bản.
  • Map: Cho phép bạn chèn một bản đồ Google với một điểm đánh dấu trỏ đến một địa chỉ bạn chỉ định.
  • Slideshow: Tôi sử dụng Module này để hiển thị một tập hợp hình ảnh ở nền trước (Foreground) từng hình ảnh một. 
  • Testimonials: Cho phép bạn thêm một thanh trượt cơ bản với lời chứng thực/đánh giá vào trang Web. Hoặc bạn có thể thêm bất kỳ tập hợp văn bản, hình ảnh nào khác và hiển thị từng cái một bằng tính năng tự động phát hoặc điều hướng.

Hành động

Nếu bạn thắc mắc Module không thể thiếu trong Beaver Builder là gì, tôi xin khẳng định đó là nhóm Module hành động. Chúng có công dụng lớn trong việc hỗ trợ tăng tương tác cho trang Web.

  • Call To Action (CTA): Chắc hẳn bạn không còn xa lạ với các CTA. Đây thường là các nút có tác dụng kích thích khách truy cập thực hiện hành động. Module CTA sẽ cho phép bạn thêm các nút này một cách dễ dàng. 
  • Callout: Module này có xu hướng được sử dụng theo nhóm. Nó thường được dùng để làm nổi bật các tính năng của doanh nghiệp, đưa khách truy cập đến trang thích hợp của trang Web.
  • Contact Form: Tôi dùng Module này để hiển thị một biểu mẫu liên hệ cơ bản. Biểu mẫu sẽ gồm các trường Tên, Chủ đề, Email, Điện thoại và Tin nhắn.
  • Login Form: Cho phép bạn thêm thông tin đăng nhập vào các bố cục của Beaver Builder. Tôi sử dụng Module này để cung cấp thông tin đăng nhập cho các thành viên đã đăng ký để truy cập các khu vực hạn chế của trang Web.
  • Menu: Nó cung cấp cho bạn nhiều tùy chọn về nội dung, kiểu và bố cục Menu trong khu vực chủ đề hoặc tiện ích của bạn. Với Module này, chúng ta có thể chèn Menu vào bất kỳ đâu trong bố cục của bạn.
  • Search: Cho phép bạn đặt một biểu mẫu tìm kiếm WordPress chuẩn trong bố cục của mình.
module search trong beaver builder
  • Subscribe Form: Tôi thường sử Module này để cung cấp biểu mẫu cho khách truy cập đăng ký vào danh sách Email.

Bố cục

  • Accordion: Nó cho phép hiển thị danh sách các mục dưới dạng cặp Title-Content. 
  • Pricing Table: Với Module này, tôi có thể chèn một bảng giá với số lượng cột tùy thích. Ngoài ra, chúng ta còn có thể tùy chọn màu cột, tiêu đề, giá, tần suất cho chi phí định kỳ, danh sách tính năng,…
module Pricing Table trong elementor
  • Sidebar: Cung cấp cho bạn khả năng chèn bất kỳ thanh bên WordPress nào vào trang Web của bạn.
  • Tabs: Bạn có thể sử dụng Module Tab để chèn nội dung văn bản theo thẻ vào Website. Đây là một công cụ tuyệt vời để chèn một lượng lớn văn bản vào một không gian nhỏ.

Thông tin

  • Countdown: Hiển thị đồng hồ đếm ngược trực quan, đếm đến 0 từ ngày và giờ mà bạn chỉ định. 
  • Number Counter: Cho phép hiển thị số theo kiểu Animated, với bộ đếm từ 0 đến số hoặc phần trăm bạn chỉ định.
Number Counter của beaver builder

Bài đăng

  • Posts: Đây là phiên bản Non-Animated của ba Module Bài đăng (Posts, Posts Slider, Posts Carousel). Đây là Module có tính linh hoạt nhất với bố cục, cài đặt và bộ lọc nội dung.
  • Posts Carousel: Một tập hợp các bài đăng hoặc trang được hiển thị dưới dạng một hàng bài đăng trong bố cục lưới hoặc chế độ xem Thư viện.
module Posts Carousel trong beaver builder
  • Posts Slider: Trong mô-đun Thanh trượt bài viết, một tập hợp các bài đăng hoặc trang được hiển thị với hoạt ảnh trượt hoặc mờ dần. Hình ảnh nổi bật của mỗi bài đăng sẽ trở thành hình nền trong trang chiếu (trừ khi bạn chọn tùy chọn để ẩn nó), với thông tin bài đăng và nội dung được phủ trên trang chiếu. 

Tiện ích

Widget WordPress là một trong những nhóm Module quan trọng nữa bạn cần biết khi tìm hiểu Beaver Builder là gì. Chúng cho phép bạn thêm các Widget vào bất kỳ đâu trong Layout.. Nhóm WordPress Widgets có thể có các Widget được tạo bởi các Plugin của bên thứ ba và bao gồm:

  • Calendar.
  • Archives.
  • Categories.
  • Navigation Menu.
  • Meta.
  • RSS.
  • Pages.
  • Recent Comments.
  • Search.
  • Recent Posts.
  • Tag Cloud.

Sự khác biệt giữa bản miễn phí và có phí

Để so sánh sự khác biệt giữa bản miễn phí và có phí của Beaver Builder là gì, tôi đã tổng hợp thông tin trong bảng bên dưới. 

Đặc trưngMiễn phíStandardProAgency
Trình tạo trang kéo và thả .
Trình chỉnh sửa đáp ứng và thân thiện với thiết bị di động.
Xem trước những thay đổi trong thời gian thực.
Hỗ trợ Gutenberg.
Cài đặt quyền truy cập của người dùng.
Các loại bài đăng tùy chỉnh.
Module tùy chỉnh.
Các Module cơ bản.
Module nâng cao.
Hơn 40 mẫu có sẵn.
100 Prebuilt Rows.
Lưu, xuất và sử dụng lại Layout.
Biểu tượng tùy chỉnh.
Domain Manager For Licenses.
Hỗ trợ Beaver Themer (bán riêng).
Ưu tiên hỗ trợ.
Bao gồm chủ đề Beaver Builder.
Hỗ trợ nhiều trang WordPress.
Network-Wide Settings.
White Labeling.

Hướng dẫn cài đặt Beaver Builder

  • Từ Bảng điều khiển quản trị WordPress, bạn đi tới Plugin=> Thêm mới và nhấp vào nút Tải lên Plugin ở đầu màn hình.
  • Nhấp vào Duyệt và chọn tệp Zip đã tải xuống hoặc chỉ cần kéo tệp lên đầu nút Duyệt .
  • Bạn nhấp vào Install Now.
  • Nếu bạn đang cài đặt mới bất kỳ phiên bản cao cấp nào, hãy nhấp vào Activate để kích hoạt Plugin.

Yêu cầu hệ thống

Nếu bạn thắc mắc các yêu cầu hệ thống của Beaver Builder là gì, hãy xem tiếp phần nội dung tôi biên soạn sau đây:

  • Yêu cầu để xem các trang Web được kết xuất được xây dựng bằng Beaver Builder: Áp dụng cho các bố cục nội dung của Beaver Builder đã xuất bản và các khu vực chủ đề của Beaver Builder. Các trình duyệt được hỗ trợ bao gồm Chrome, Firefox, SafariEdge mới nhất, Internet Explorer (IE 11).
  • Yêu cầu để xây dựng bố cục nội dung: Áp dụng cho xây dựng bố cục với Beaver Builder. Các trình duyệt được hỗ trợ bao gồm phiên bản chính mới nhất của Chrome, FireFox, Safari và Edge. Tôi muốn lưu ý với các bạn là các phiên bản của WordPress kể từ 4.9.6 yêu cầu Beaver Builder phiên bản 2.1.1.3 trở lên. Bạn cũng nên sử dụng PHP 5.6.20 trở lên.
  • jQuery: Beaver Builder đợi phiên bản jQuery đi kèm với WordPress Core và chỉ hỗ trợ phiên bản đó. Rất có thể các phiên bản jQuery khác sẽ hoạt động, nhưng tôi muốn nhấn mạnh là bạn sẽ phải tự chịu rủi ro khi sử dụng chúng.

Giá của Beaver Builder

  • Gói Agency với đầy đủ tính năng có giá 399 USD.
  • Gói Pro có giá là 199 USD.
  • Gói Standard của Beaver Builder có giá là 99 USD.

Beaver Builder có tương thích với Gutenberg không?

Beaver Builder có tương thích với Gutenberg không
Plugin Beaver Builder tương thích với trình chỉnh sửa khối WordPress 5

Có lẽ mọi người đã nghe nói về Gutenberg. Đó là tên dự án cho trình chỉnh sửa khối WordPress đi kèm với WordPress 5. Nó còn được gọi là trình chỉnh sửa khối (Block Editor).

Plugin Beaver Builder tương thích với trình chỉnh sửa khối WordPress 5 giống như cách nó tương thích với trình soạn thảo văn bản WordPress cổ điển. Tùy thuộc vào việc bạn đặt trình chỉnh sửa khối hay sử dụng Plugin để duy trì trình chỉnh sửa cổ điển, bạn có thể di chuyển văn bản, hình ảnh giữa Beaver Builder và trình chỉnh sửa WordPress trên một quy mô hạn chế.

Có thể bạn quan tâm:

Hosting WordPress – gói Hosting tối ưu nhất cho các Website nền tảng WordPress

Hy vọng qua chủ đề bài viết hôm nay, bạn đã hiểu được Beaver Builder là gì, cũng như cách cài đặt và sử dụng Plugin này. Nếu có bất kỳ thắc mắc nào, đừng ngần ngại để lại bình luận bên dưới bài viết của tôi nhé.






Bài viết liên quan