Hướng Dẫn Sử Dụng Templates Trong Beaver Builder

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

 

Trong nội dung này, tôi sẽ giới thiệu tổng quan về Templates và cách sử dụng Templates trong Beaver Builder một cách chi tiết nhất. Cùng tham khảo ngay!

Beaver Builder có nhiều Templates đẹp mắt, tiện dụng

Beaver Builder cho phép người dùng linh hoạt kéo và thả bố cục trang. Nó còn giúp bạn tạo bố cục trang của riêng mình mà không cần dùng Code. Các Templates trong Beaver Builder cũng rất phong phú và dễ sử dụng. Tôi tin rằng, với Beaver Builder bạn sẽ xây dựng một Website WordPress chuyên nghiệp dễ dàng hơn.

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

Beaver Builder là gì và một số Module chính của Beaver Builder

Hướng dẫn sử dụng một số thao tác cơ bản trên Beaver Builder

Tổng quan về Templates trong Beaver Builder

Layout Templates của Beaver Builder chứa các hàng, cột và mô-đun. Chúng có thể được thêm vào hoặc thay thế các Layout hiện có của bạn. Sau khi một Layout Templates được thêm vào một trang. Bạn có thể thay đổi bất kỳ khía cạnh nào của bố cục hoặc nội dung của nó.

Có ba loại Layout Templates trong Beaver Builder:

  • Các Layout Templates dựng sẵn gồm:
    • Landing page templates: Là những bố cục phù hợp để sử dụng làm trang đích hoặc trang chủ. 
    • Content page templates: Tập trung vào các loại trang cụ thể chẳng hạn như danh mục đầu tư, liên hệ, câu hỏi thường gặp hoặc biểu mẫu đăng ký. 
Templates trong Beaver Builder
  • Các Layout Templates đã lưu: Bạn có thể lưu bố cục Beaver Builder của bất kỳ trang hoặc bài đăng nào dưới dạng Template. Điều này sẽ hữu ích nếu bạn muốn trang Web của mình tuân theo một bố cục trên nhiều trang. Hoặc bạn muốn sử dụng cùng một bố cục/nội dung trên trang Web khác. Nếu bạn muốn chia sẻ bố cục của mình với người khác hoặc ngược lại thì cũng có thể tận dụng lưu Layout Beaver Builder.
  • Layout Templates của bên thứ ba: Thường xuất hiện dưới dạng một nhóm riêng biệt trên tab Templates. Chúng được sử dụng tương tự như mọi loại Template khác.

Thêm Layout Template vào trang

Để thay thế nội dung hiện có hoặc thêm một Layout Templates trong Beaver Builder. Bạn thực hiện theo các bước tôi hướng dẫn sau đây:

  • Mở một trang để chỉnh sửa trong Beaver Builder.
  • Mở Content Panel và nhấp vào Tab Templates.
  • Chọn Layout Templates bạn muốn.
  • Nếu trang trống, bạn sẽ có lựa chọn thay thế bố cục hiện tại hoặc thêm vào bố cục mới.

Tạo và lưu Layout Template tùy chỉnh

Tôi sẽ hướng dẫn bạn tạo và lưu Layout Template tùy chỉnh với các bước vô cùng đơn giản. 

Đầu tiên là cách lưu một trang hiện có trong Beaver Builder dưới dạng Layout Template tùy chỉnh:

  • Trên menu Công cụ, bạn bấm Lưu mẫu.
  • Đặt tên cho mẫu và nhấp vào Lưu.

Để tạo Layout Template tùy chỉnh mới từ bảng điều khiển quản trị Beaver Builder, bạn thực hiện như sau:

  • Trong bảng quản trị WordPress, bạn chuyển đến Beaver Builder=> Templates.
  • Bạn nhấp vào nút Thêm mới bên cạnh Templates tiêu đề trang .
  • Tiếp đến, bạn nhập tiêu đề cho mẫu và nhấp vào Thêm mẫu đã lưu .
  • Bạn nhấp vào Khởi chạy Beaver Builder và xây dựng bố cục.
  • Để lưu Layout Templates trong Beaver Builder, bạn hãy nhấp vào Xong=> Xuất bản

Quản lý các Layout Templates đã lưu

Để quản lý các Layout Templates đã lưu, tôi sẽ hướng dẫn bạn những cách sau:

  • Bạn có thể chỉnh sửa, xóa hoặc đổi tên tiêu đề hoặc Slug của các Layout Templates đã lưu của mình.
  • Một cách khác mà tôi hay sử dụng là sắp xếp việc hiển thị các mẫu đã lưu của mình thành các danh mục trong Beaver Builder.
Quản lý các Layout Templates đã lưu
  • Bạn có thể thêm hình thu nhỏ vào danh sách các mẫu đã lưu.
  • Bên cạnh đó, bạn có thể xuất các mẫu tùy chỉnh để sử dụng trên các trang Web khác. Bạn cũng có thể nhập các mẫu từ các trang Web của riêng bạn hoặc các nguồn khác.
  • Nếu bạn có phiên bản Agency của Beaver Builder, bạn có thể thay thế tập hợp các mẫu tích hợp bằng tập hợp của riêng mình. Điều này giúp việc cung cấp giải pháp tùy chỉnh cho khách hàng của bạn trở nên dễ dàng hơn. Các mẫu của bạn được hiển thị theo kiểu lưới giống như cách các Layout Templates dựng sẵn thường được hiển thị.

Chỉnh sửa hoặc xóa các Layout Templates đã lưu

Bạn có thể thực hiện các tác vụ này thông qua bảng điều khiển quản trị Beaver Builder hoặc từ trong trình chỉnh sửa Beaver Builder.

Chỉnh sửa hoặc xóa một Layout Templates đã lưu thông qua Menu Beaver Builder:

  • Trong bảng quản trị WordPress, bạn nhấp vào Beaver Builder=> Templates.
  • Bạn di chuột qua Template muốn chỉnh sửa hoặc xóa. Sau đó,  bạn nhấp vào Thùng rác để chuyển mẫu vào thùng rác hoặc nhấp vào Beaver Builder để mở trang chỉnh sửa.
  • Nếu bạn đang chỉnh sửa mẫu. Hãy thực hiện bất kỳ thay đổi nào trong trình chỉnh sửa, sau đó nhấp vào Xong=> Xuất bản

Chuyển đổi một hàng, cột hoặc mô-đun đã lưu thành toàn cục

Để chuyển đổi một hàng hoặc mô-đun đã lưu thành toàn cục. Bạn hãy thực hiện lần lượt các bước tôi liệt kê bên dưới nhé.

  • Trong trình chỉnh sửa Beaver Builder, bạn hãy kéo hàng, cột hoặc mô-đun đã lưu vào Layout của bạn và mở nó để chỉnh sửa.
  • Bạn nhấp vào Save As, gán tên cho hàng, cột hoặc mô-đun và đặt nó thành toàn cục.
  • Tiếp theo, bạn xóa mục gốc đã lưu (không phải là toàn cục) khỏi Tab Đã lưu trong Content Panel. 

Chuyển đổi một hàng, cột hoặc mô-đun Global thành Standard

Các bước để thực hiện tác vụ này khá đơn giản. Bạn chỉ cần làm theo hướng dẫn của tôi ngay sau đây.

  • Đầu tiên, bạn mở bất kỳ trang nào để chỉnh sửa trong Beaver Builder.
  • Bước thứ hai, bạn mở Content Panel và nhấp vào Tab Đã lưu. Sau đó, bạn kéo hàng, cột hoặc mô-đun Global vào Layout của bạn.
  • Trong Content Panel, bạn xóa hàng hoặc mô-đun Global bằng cách di chuột qua hàng hoặc mô-đun đó và nhấp vào biểu tượng X.
  • Bạn mở hàng, cột hoặc mô-đun trong Layout của mình để chỉnh sửa và nhấp vào Save As.
  • Sau đó, bạn nhập tên cho mục đã lưu và chọn No cho Global.
  • Nếu bạn không cần thể hiện trong Layout của mình, hãy xóa nó nhé.

Tôi cũng muốn nhắc bạn rằng việc chuyển đổi mục đã lưu Global thành Standard cũng chuyển đổi tất cả các bản sao trong Layout của bạn thành Standard. Điều đó có nghĩa là mọi chỉnh sửa bạn thực hiện sẽ không còn ảnh hưởng đến bất kỳ trường hợp nào khác hoặc mục đã lưu.

Thêm hình ảnh vào một mục trên Tab Đã lưu của Templates trong Beaver Builder

Bạn có thể hiển thị hình ảnh có hàng, cột hoặc mô-đun đã lưu trên Tab Đã lưu trong bảng Nội dung.

Hình ảnh lấy từ bộ hình ảnh đặc trưng cho mục đã lưu, tỷ lệ chiều rộng trên chiều cao là 2: 1. Tiêu đề của mục được hiển thị bên dưới hình ảnh. Trong ảnh chụp màn hình sau, mô-đun đã lưu có tên “Purple button” được hiển thị cùng với hình ảnh đặc trưng của nó, được tạo bằng cách chụp ảnh màn hình của mô-đun.

Thêm hình ảnh vào một mục trên Tab Đã lưu của Templates trong Beaver Builder

Để thêm hình ảnh nổi bật vào một hàng, cột hoặc mô-đun đã lưu, tôi sẽ thực hiện các bước sau:

  • Trước hết, tôi sẽ tạo một hàng, cột hoặc mô-đun đã lưu theo cách thông thường.
  • Trong bảng điều khiển quản trị WordPress, tôi mở rộng Menu Beaver Builder. Sau đó, tôi di chuột qua mục đã lưu và nhấp vào Chỉnh sửa .
  • Kế đó, tôi đặt hình ảnh nổi bật và chọn hình ảnh muốn hiển thị từ Media Library.
  • Cuối cùng, tôi nhấp vào Cập nhật để hoàn thành tác vụ.

Xóa hàng, cột hoặc mô-đun đã lưu của Templates trong Beaver Builder

Bạn có thể xóa các hàng, cột hoặc mô-đun đã lưu mà bạn đã chèn vào Layout. Hoặc bạn có thể xóa tập trung, toàn bộ các hàng và mô-đun đã lưu mà bạn đã lưu.

  • Xóa hàng, cột hoặc mô-đun đã lưu trong Layout Beaver Builder: Tôi muốn khẳng định rằng, việc xóa hàng, cột hoặc mô-đun đã lưu khỏi bố cục trang giống như cách bạn xóa bất kỳ hàng hoặc mô-đun nào khác. Khi bạn xóa một hàng hoặc mô-đun chung trong bố cục của mình. Nó sẽ không ảnh hưởng đến phiên bản đã lưu.
  • Xóa tập trung hàng, cột hoặc mô-đun đã lưu: Nếu bạn xóa tập trung hàng, cột hoặc mô-đun đã lưu, tất cả các bản sao của mục đó mà bạn đã chèn vào bố cục sẽ vẫn như cũ. Nếu bạn xóa một hàng, cột hoặc mô-đun đã lưu Global, tất cả các trường hợp của nó trong bố cục của bạn sẽ mất liên kết với nhau nhưng vẫn tiếp tục hoạt động như các hàng, cột hoặc mô-đun độc lập. Bạn có thể xóa một hàng, cột hoặc mô-đun đã lưu thông qua bảng điều khiển quản trị Beaver Builder hoặc trong Content Panel tại một trang đang được chỉnh sửa trong Beaver Builder.
  • Xóa hàng, cột hoặc mô-đun đã lưu thông qua quản trị viên Beaver Builder Admin: Trong bảng quản trị WordPress, bạn nhấp vào Beaver Builder và chọn Hàng đã lưu, Cột đã lưu hoặc Mô-đun đã lưu. Tiếp đến, bạn di chuột qua hàng, cột hoặc mô-đun đã lưu mà bạn muốn xóa và nhấp vào Thùng rác.
  • Xóa hàng, cột hoặc mô-đun đã lưu trong trình chỉnh sửa Beaver Builder: Trước hết, bạn mở một trang để chỉnh sửa trong Beaver Builder. Trong Content Panel, bạn nhấp vào Tab Đã lưu. Cuối cùng, bạn di chuột qua hàng hoặc mô-đun đã lưu mà bạn muốn xóa và nhấp vào biểu tượng X.

Xuất và nhập các mẫu, hàng, cột và mô-đun đã lưu

Bạn có thể xuất các Layout Templates tùy chỉnh của mình, cũng như các hàng, cột và mô-đun đã lưu và nhập chúng vào một trang Web khác, hay đưa chúng cho khách hàng, hoặc bán chúng. Bạn có thể chọn kết hợp các mẫu, hàng, cột hoặc mô-đun riêng lẻ để xuất hoặc toàn bộ Set. 

Tôi có một lưu ý muốn nhấn mạnh là nếu bạn xuất một bài đăng hoặc trang có chứa hàng, cột hoặc mô-đun toàn cục, bạn cũng nên xuất cả hàng, cột hoặc mô-đun đã lưu. Bằng cách đó, khi bạn nhập bài đăng hoặc trang, các hàng, cột và mô-đun toàn cục có thể được liên kết lại với mẫu chính trên trang Web mới.

Xuất các Layout Templates tùy chỉnh và các hàng, cột và mô-đun đã lưu

  • Trên bảng quản trị WordPress, bạn chuyển đến Công cụ, Click Xuất .
  • Bạn chọn Templates, sau đó chọn Export All hoặc Export Selected. Nếu bạn chọn chọn Templates, hãy chọn các mẫu và các hàng, cột, mô-đun đã lưu mà bạn muốn xuất.
  • Cuối cùng, bạn nhấp vào Tải xuống tệp xuất (Download Export File). Tệp đã tải xuống là tệp XML và bạn có thể sử dụng cho bất kỳ trang Web WordPress nào có chứa phiên bản cao cấp của Plugin Beaver Builder.

Nhập các Layout Templates tùy chỉnh và các hàng, cột, mô-đun đã lưu

Nhập các Layout Templates tùy chỉnh và các hàng, cột, mô-đun đã lưu
  • Trên bảng quản trị WordPress, bạn đi tới Công cụ=> Nhập, cuộn xuống WordPress và nhấp vào Chạy trình nhập (Run Importer).

Nếu đây là lần đầu tiên bạn nhập, liên kết trong phần WordPress sẽ yêu cầu bạn Cài đặt ngay bây giờ (Install Now). Sau khi bạn nhấp để cài đặt Importer, hãy nhấp vào liên kết Run Importer để thay thế nó.

  • Trên trang WordPress Importer, bạn chọn tệp XML mà bạn đã xuất. Sau đó nhấp vào Tải tệp lên và nhập (Upload File And Import).
  • Bạn có thể chọn nhập người dùng sở hữu trang hoặc bài đăng. Bạn cũng có thể chỉ định người dùng hiện có trên trang Web mà bạn đang nhập.

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 những thông tin, hướng dẫn sử dụng Templates trong Beaver Builder mà tôi đã biên soạn trên sẽ hữu ích với bạn. Hãy để lại bình luận bên dưới nếu bạn có bất kỳ thắc mắc nào về Beaver Builder nhé.






Bài viết liên quan