7 thành phần của Beaver builder là gì?
05/10/2022 15:33 pm | Lượt xem : 1642
Beaver là một công cụ hỗ trợ hữu ích dành cho bạn nếu như bạn muốn xây dựng lên một trang web. Nó bao gồm nhiều module khác nhau, với các chức năng cụ thể, giúp cho bạn cảm thấy việc xây dựng website đơn giản, nhanh chóng và dễ dàng.
Contents
Trước hết, builder là gì?
Beaver Builder là một trình tạo trang kéo và thả linh hoạt hoạt động trên giao diện người dùng của trang web WordPress của bạn. Nếu như bạn muốn kiểm soát trang web của mình, bạn có thể sử dụng Beaver builder.
Beaver Builder sẽ giúp cho quá trình xây dựng các trang WordPress của bạn trở nên đẹp, chuyên nghiệp dễ dàng chỉ với các bước đơn giản là kéo và thả.
Beaver Builder có những thành phần nào?
Beaver Builder có tới 30 mục lớn và không ngừng phát triển theo từng ngày. Mỗi phần lại chứa các cài đặt nhằn xác định cách thức mà chúng xuất hiện trên trang web của bạn. Về cơ bản. chúng gồm các phần sau:
Cơ bản
- Audio: nó cho phép bạn chèn file âm thanh có sẵn trong WordPress Media Library hoặc một tệp âm thanh từ bên ngoài để bạn có thể xây dựng nội dung của mình.
- Button: các trang web thường xuất hiện các nút cho người dùng sử dụng, button sẽ có nhiệm vụ thêm nút cho bạn. Ngoài ra, nó cũng có thể hiển thị mở video trên Lightbox hay các nội dung khác để bạn có thể thêm vào trang web của mình từ Shortcode, HTML,…
- Button Group: đây là một thành phần của beaver giúp sắp xếp các nút theo chiều ngang hay dọc một cách cố định, nó sẽ làm cho trang web trở nên gọn gàng hơn.
- HTML: Đúng như tên gọi của nó, thành phần này của beaver giúp cho bạn có thể thêm các mã tùy chỉnh và bố cục để hiển thị trực tiếp đầu ra HTML
- Heading: bạn có thể chèn thêm các đầu mục lớn H2, H3 với thành phần này của beaver
- List: beaver sẽ hỗ trợ bạn sắp xếp các đầu mục một cách đẹp mắt với thành phần này.
- Photo: bạn có thể chèn thêm ảnh lên wordpress từ thư viện của mình hoặc từ URL tùy chỉnh khi sử dụng thành phần này.
- Separator: nếu như bạn muốn chia các nội dung của mìn thành nhiều phần, beaver sẽ giúp bạn làm điều này với Module Separator. Bạn có thể thoải mái thêm các đường kẻ ngang để phân cách các nội dung, và chỉnh sửa đường kẻ về chiều rộng, màu sắc, căn chỉnh và độ dày.
- Text Editor: Beaver sẽ giúp bạn thêm nội dung chính của trang web và định dạng văn bản với text editor.
- Video: Mỗi trang web đều nên có hoặc cần video để minh họa. Với module này của beaver, bạn sẽ thêm các video từ WordPress Media Library hoặc mã nhúng do bên thứ ba cung cấp cho trang web của mình.
Phương tiện
- Content Slider: Để sắp xếp nội dung của nhiều trang nhỏ vào một trang lớn hơn, bạn có thể sử dụng slider. Nó như một bản trình chiếu, trong đó mỗi trang sẽ chứa các nội dung khác nhau và cùng thuộc một chủ đề, có một số 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: với thành phần này của beaver, sẽ dễ 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 muốn thêm.
- Icon và Icon Group: beaver icon cho phép hiển thị một icon duy nhất cộng với văn bản tùy chọn. Còn đối với Module Icon Group sẽ hiển thị một nhóm biểu tượng không có văn bản.
- Map: để bạn có thể thêm một hay một số biểu đồ cho trang web của mình.
- Slideshow: nếu như bạn muốn hiển thị một tập hợp hình ảnh ở nền trước (Foreground) từng hình ảnh một, bạn sẽ cần sử dụng đến module này.
- Testimonials: Để trang web chứa đựng được nhiều thôn tin nhưng không bị rối mắt, các thanh trượt sẽ hỗ trợ bạn.
Hành động
Đây là thành phần giúp hỗ trợ tăng tương tác cho trang web mà bạn có thể sử dụng với beaver.
- Call To Action (CTA): Các nút này có tác dụng kích thích khách truy cập thực hiện hành động. Module CTA của beaver sẽ hỗ trợ bạn thêm các nút này cho trang web một cách dễ dàng, thuận tiện.
- Callout: nó giúp bạn làm nổi bật các tính năng của doanh nghiệp để người đọc có được cái nhìn tổng quát về Doanh nghiệp của bạn. Nó cũng giúp đưa khách truy cập đến trang thích hợp của trang Web.
- Contact Form: giống với tên gọi, nó giúp bạn trình bày các thông tin liên hệ cơ bản bao gồm các thành phần Tên, Chủ đề, Email, Điện thoại và Tin nhắn.
- Login Form: Đối với những trang web cần đăng nhập, thành phần này của beaver cho phép bạn thêm thông tin đăng nhập vào các bố cục. Với module này, bạn có thể thêm các thông tin đăng nhập cho các thành viên của đã đăng kí để có thể truy cập vào trang web một cách nhanh chóng.
- Menu: module này của beaver 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.
- Search: giúp bạn thêm các mẫu tìm kiếm cho trang web của mình.
- Subscribe Form: để khách hàng có thể đăng kí tham gia, hay đăng kí nhận email từ phía bạn.
Bố cục
- Accordion: để website không bị rối mắt, beaver giúp bạn hiển thị danh sách các mục dưới dạng cặp Title-Content.
- Pricing Table: bạn có thể thêm bảng giá các sản phẩm lên website một cách chuyên nghiệp với module này. Nó cũng cho phép bạn tùy chỉnh màu cột, tiêu đề, giá, tần suất cho chi phí định kỳ, danh sách tính năng,…
- Sidebar: beaver cho phép bạn có thể 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. Bạn có thể chèn được một số lượng văn bản khá lớn trong các tabs nhưng sẽ không làm cho trang web bị rối mắt.
Thông tin
- Countdown: Bạn có thể thêm đồng hồ đếm ngược cho các sự kiện sắp diễn ra với module này.
- Number Counter: 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.
Bài đăng
- Posts: Đây là phiên bản Non-Animated của ba Module Bài đăng (Posts, Posts Slider, Posts Carousel). Bạn sẽ cảm thấy thích thú với module này bởi nó 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.
- Posts Slider: Giúp trang web hiển thị các bài đăng với hình ả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, và các nội dung sẽ được hiện lên bên trên hình ảnh đó.
Tiện ích
Đây cũng là nhóm quan trọng của beaver builder giúp hỗ trợ cho bạn. Nói một cách đơn giản, chúng cho phép bạn thêm các Widget vào bất kỳ đâu trong Layout. Về các module này, chúng có thể được tạo thành từ bên thứ 3, nhưng bạn vẫn có thể sử dụng, bao gồm:
- Calendar.
- Archives.
- Categories.
- Navigation Menu.
- Meta.
- RSS.
- Pages.
- Recent Comments.
- Search.
- Recent Posts.
- Tag Cloud.
Beaver nhìn chung sẽ hỗ trợ bạn xây dựng lên một trang web hoàn chỉnh với bố cục rõ ràng. Nếu như bạn không phải là một người xây dựng website với code chuyên nghiệp, bạn có thể sử dụng nó để xây dựng lên một trang web hoàn chỉnh.