Hướng dẫn cách sử dụng Beaver Builder trong WordPress

Hướng dẫn cách sử dụng Beaver Builder trong WordPress

Trong bài viết này, chúng tôi sẽ giới thiệu về Cách sử dụng Beaver Builder trong WordPress. Vậy Beaver Builder là gì và làm thế nào để sử dụng nó? Bạn có thể tìm được câu trả lời ở bài viết dưới đây.

Beaver Builder là gì?

Plugin Beaver Builder là trình tạo trang trên WordPress cho phép người dùng linh hoạt kéo và thả bố cục trang. Beaver Builder giúp bạn tạo bố cục trang của riêng bạn mà không cần dùng bất kỳ mã code nào. Cho dù bạn là người mới bắt đầu sử dụng WordPress hay là một người chuyên nghiệp, bạn có thể hoàn toàn kiểm soát trang web của mình với plugin này. Bạn không cần phải viết bất kì mã HTML hoặc các mã shortcodes khó hiểu nào. Plugin Beaver Builder sẽ giúp việc xây dựng một trang web WordPress đẹp và chuyên nghiệp trở nên dễ dàng hơn.

Plugin này là một trong những trình tạo trang được sử dụng nhiều nhất trong WordPress với hơn 500.000 cài đặt. Nó tương thích với phiên bản WordPress từ 4.6 trở lên. Ngoài ra plugin này còn hỗ trợ lên tới 15 ngôn ngữ khác nhau trên thế giới. Plugin Beaver Builder có 02 phiên bản chính:

  • Beaver Builder Lite: Miễn phí. Bạn có thể tải nó trực tiếp tại đây.
  • Beaver Builder Standard ($99.00) | Pro ($199.00) | Agency ($399.00). Tìm hiểu thêm thông tin tại đây.

Cách sử dụng Beaver Builder trong WordPress

1. Cài đặt plugin Beaver Builder

Bước 1. Trước hết, như thường lệ, bạn cần cài đặt và kích hoạt plugin Beaver Builder.

  • Đối với phiên bản miễn phí Beaver Builder Lite, nhấp vào nút Tải xuống (Download) ở bên phải màn hình và đợi plugin này tải xuống. Sau đó bấm để kích hoạt nó.

  • Đối với phiên bản trả phí, bạn cần trả tiền để mua plugin.

Bước 2. Tải plugin Beaver Builder lên website WordPress của bạn

Trong WordPress Admin Panel, di chuyển tới Plugin -> Add New -> Upload.

Chọn tệp Plugin Beaver Builder mà bạn đã lưu trên máy tính của mình và đảm bảo rằng đó là tập tin nén.

Bước 3. Kích hoạt giấy phép

  • Nếu bạn dùng phiên bản Beaver Builder miễn phí, hãy bỏ qua bước này và chuyển sang bước 4.
  • Nếu bạn dùng phiên bản Beaver Builder trả phí, hãy kích hoạt giấy phép để có thể cập nhật plugin thường xuyên từ nhà sản xuất.

Từ WordPress Admin Panel, chuyển tới Settings (Cài đặt) > Beaver Builder

Giao diện quản lý của Beaver Builder sẽ hiện ra, bạn hãy chọn tab License (Giấy phép).

Trong phần License (Giấy phép), nhập mã cấp phép và chọn Save Subscription Settings. Mã này có thể lấy trên trang web chính của Beaver Builder (bạn phải mua plugin để nhận mã này). Mã này cho phép bạn bật cập nhật tự động và nhận được sự hỗ trợ từ Beaver Builder Team.

Bước 4. Nhấn Kích hoạt plugin trong WordPress

2. Cài đặt Beaver Builder trong WordPress

Chuyển đến (Setting) Cài đặt -> Beaver Builder panel (Bảng điều khiển). Trong bảng điều khiển Beaver Builder có những tab sau:

Tab Chào mừng (Welcome)

Welcome tab bao gồm:

  • Các bước đầu tiên trong việc sử dụng Beaver Builder
  • Liên kết dẫn đến Cộng đồng và hỗ trợ
  • Tóm tắt các thay đổi trong bản cập nhật cuối cùng và các liên kết đến quá trình thay đổi của plugin

Tab Giấy phép (License)

Trong tab Giấy phép, bạn nhập mã để kích hoạt các bản cập nhật. Ngoài ra, trong tab này có chứa danh sách các sản phẩm trong phần giấy phép.

Tab Mô-đun (Modules)

Theo cài đặt mặc định, tất cả các mô-đun tích hợp đều ở chế độ bật, tuy nhiên bạn cũng có thể tắt một số mô-đun theo ý muốn.

Tab Đăng bài (Post Types)

Theo mặc định, plugin Beaver Builder chỉ được bật cho các trang (Pages). Tuy nhiên, bạn vẫn có thể chọn chèn bố cục vào nội dung của các bài viết đơn lẻ bằng cách tích vào ô “bài viết” như trong ảnh.

Tab các Mẫu bố cục trang (Templates)

Tab các mẫu bố cục trang cho phép bạn chọn hiển thị hoặc ẩn các mẫu bố cục tiêu chuẩn (mẫu có sẵn), mẫu bố cục tùy chỉnh (mẫu người dùng), cả hai hoặc ẩn tất cả.

Nếu bạn có phiên bản Agency, bạn có thể thêm các mẫu của riêng do bạn tạo để sử dụng.

Tab Truy cập người dùng (User access)

Bạn có thể kích hoạt hoặc hạn chế quyền truy cập vào các vùng khác nhau trong giao diện người dùng. Có bốn vai trò của người dùng trong WordPress: Quản trị viên, Biên tập viên, Tác giả hoặc Cộng tác viên.

Tab Biểu tượng (Icons)

Beaver Builder cung cấp các bộ biểu tượng Font Awesome, Foundation và WordPress Dashicons. Bạn cũng có thể thêm các bộ biểu tượng của riêng mình từ Icomoon hoặc Fontello.

Tab Thương hiệu (Branding) (Chỉ có trong phiên bản Agency)

Trong tab Thương hiệu, bạn có thể thay đổi tên của plugin Beaver Builder khi nó xuất hiện trong giao diện người dùng.

Tab Trợ giúp (Help button) (Chỉ có trong phiên bản Agency)

Tab trợ giúp là nơi bạn có thể tùy chỉnh những gì khách hàng của bạn nhìn thấy khi họ nhấp vào nút Trợ giúp.

Tab Công cụ (Tools)

Tab Công cụ có 4 phần:

  • Phần bộ nhớ cache
  • Phần Công cụ xóa bộ nhớ cache
  • Phần chế độ sửa lỗi
  • Phần gỡ cài đặt

3. Tạo bố cục trang tùy chỉnh với Plugin Beaver Builder trong WordPress

Bước 1. Truy cập vào Pages -> Add New. Tab Beaver Builder mới sẽ xuất hiện trong trình chỉnh sửa WordPress.

Bước 2: Nhấp vào tab Beaver Builder để khởi chạy Beaver Builder.

Sau đó, nhấp vào nút Dấu cộng (+) ở góc phải trên cùng. Bạn sẽ thấy một danh sách các lựa chọn để bạn thêm vào.

Bước 3: Chọn một template cho bố cục trang của bạn trong Beaver Builder

Nếu bạn muốn nhanh thì Beaver Builder có rất nhiều template sẵn có được thiết kế chuyên nghiệp để bạn lựa chọn. Bạn hãy chọ tab “Các mẫu giao diện” và chọn giao diện bạn muốn là được.

Sau khi chọn một template, bạn có thể bắt đầu với một bố cục trang mới trong WordPress ngay lập tức. Bên cạnh đó, bạn có thể tùy chỉnh template theo như ý bạn. Khi bạn chọn bố cục, nó sẽ tải nó trong cửa sổ xem trước. Vì vậy, bạn có thể đưa chuột đến một mục và xem trước khi chọn nó.

Bước 4: Chỉnh sửa bố cục trong plugin Beaver Builder

Nó sẽ hiển thị một cửa sổ bật lên với các cài đặt khác nhau mà bạn có thể chỉnh sửa. Bạn có thể thay đổi văn bản, màu sắc, phông chữ, nền, căn lề, v.v.

Các bố cục trong Beaver Builder dựa trên các hàng ngang. Bạn có thể kéo và thả để sắp xếp lại các hàng, thêm một hàng mới hoặc xóa hàng đó. Quản trị viên cũng có thể nhấp vào setting của hàng (row) cần điều chỉnh và sau đó chọn các thông số bạn muốn cho hàng của mình.

Bước 5: Thêm một hàng vào bố cục trang của bạn trong Beaver Builder

Khi bạn thêm hàng trong Trình tạo Beaver, nó cho phép bạn xem bản xem trước trực tiếp trên trang web của mình.

Bạn có thể thêm các mục như tiêu đề, văn bản, hình ảnh, trình chiếu, âm thanh, video, v.v. vào hàng bằng cách sử dụng các mô-đun và widget cơ bản hoặc nâng cao. Bạn có thể chọn một mục và kéo nó vào hàng bạn đã thêm và sau đó nhấp vào mục đó để chỉnh sửa các thuộc tính của nó. Nó cũng cho phép bạn lưu một hàng hoặc một mô-đun để sử dụng lại sau này. Chỉ cần click vào nút Save as (Lưu thành…) trong khi bạn chỉnh sửa một hàng hoặc mô-đun để lưu nó.

Bước 6: Nhấp vào nút Done khi bạn hoàn thành chỉnh sửa trang của mình. Beaver Builder sẽ hiển thị một cửa sổ hiện lên với các lựa chọn để xuất bản, để loại bỏ hoặc lưu trang của bạn dưới dạng bản nháp.

Ngoài ra, người dùng có thể lưu trang mà họ đã tạo dưới dạng template hoặc nhanh chóng nhân đôi trang đã tạo với cùng bố cục (layout).

Kết luận

Bài viết trên đây là hướng dẫn về cách sử dụng Beaver Builder trong WordPress. Hy vọng bài viết này hữu ích cho bạn.

Gửi phản hồi