Hướng dẫn sử dụng visual composer

      16

Hướng dẫn cách sử dụng thietkewebhcm.com.vnBakery Page Builder (Visual Composer bản cũ) giúp cho bạn tạo ra các trang Web bởi các làm việc kéo thả cực đối chọi giản.

Bạn đang xem: Hướng dẫn sử dụng visual composer

Giới thiệu về thietkewebhcm.com.vnBakery Page Builder

thietkewebhcm.com.vnBakery Page Builder ( tên cũ Visual Composer) là giữa những công cụ thi công website tác dụng nhất hiện nay nay. Đây là một trong WordPress plugin cực bạo dạn để cung cấp quá trình thi công và cải tiến và phát triển trang web, hầu hết về bố cục và nội dung, chỉ với thao tác làm việc kéo – thả. Bên cạnh đó, điều khoản này còn khiến cho website của người sử dụng lung linh hơn với tương đối nhiều hiệu ứng bắt đầu mẻ, sinh động, bao gồm cả miễn phí tổn lẫn trả phí.

*

Từ 10/2017 lúc lần thứ nhất Visual Composer được đổi tên thành thietkewebhcm.com.vnBakery Page Builder. Sau đó, tiêu đề Visual Composer đang được thực hiện cho một dự án khác. Đó là xây dựng trang web với vừa đủ tính năng và chọn cái tên là Visual Composer trang web Builder. Vậy nên hiện tại, thietkewebhcm.com.vnBakery Page Builder và Visual Composer là 2 sản phẩm khác nhau nhé!

Hướng dẫn thực hiện các content Element của Visual Composer

Bạn vẫn hoàn toàn có thể sử dụng Visual Composer vì những chỉ dẫn vô cùng rõ ràng và dễ hiểu, đa phần là hai thao tác kéo – thả.

Chúng ta rất có thể hiểu các khối nội dung bất kỳ đều là những hình chữ nhật, hoàn toàn có thể đặt cạnh hoặc lồng vào nhau. Bạn có thể thực hiện nay các thao tác liên quan liêu đến những thuộc tính của đường viên, hình ảnh nền, màu sắc nền, hiệu ứng, các lề,…

Giao diện website sẽ được tạo thành các hàng và cột giống hệt như Microsoft Excel. Sau đó, các bạn sẽ sắp xếp khối hình chữ nhật kia vào những hàng, cột. Đối với các khối nội dung, bạn có thể điền giá bán trị, gạn lọc giá trị sẵn có, bấm nút hoặc các thao tác làm việc khác. Bởi vì giao diện trực quan, khi quan sát vào bạn đã sở hữu thể triển khai theo hướng dẫn vậy nên cũng trở thành không có bất kỳ vấn đề gì nếu như bạn không biết về code.

Các khối nội dung chính trong Visual Composer

Row – Hàng: Đây là một trong những trong nhị thành phần cơ bản nhất của Visual Composer. Khi thêm ngẫu nhiên một mặt hàng nào vào web, bạn sẽ có thể chỉnh được số cột mà lại hàng đó đi qua. Và những khối câu chữ sẽ nằm trong một cột ngẫu nhiên của hàng.

Tại hình ảnh backend, khi chúng ta thêm một khối (add element), rồi lựa chọn Row trong list khối nội dung, bạn sẽ thêm 1 mặt hàng vào trang web như hình dưới:

*

Giải ham mê hình trên:

1 cùng 2 (dấu cộng): thêm 1 khối nội dung.3: phân chia hàng thành bố cột đều nhau tùy vào biến hóa số cột trong một hàng, phạm vi của một Hàng là một đơn vị.4: Kéo – thả để di chuyển khối nội dung.5: Thu hoặc mở một hàng.6: Chỉnh sửa những thuộc tính của element.7: Nhân phiên bản khối nội dung.8: Xóa khối nội dung.

Tham khảo hình tiếp theo:

*

Giải thích hợp hình trên:

1: vết + để thêm khối vào cột.2: dấu + bên trên chèn một Khối vào trước một Khối bao gồm sẵn trong Cột.3: vết + dưới sẽ chèn một Khối vào sau một Khối tất cả sẵn trong Cột.4: sửa đổi Cột.5: Xóa Cột, với hình này nếu nhấn vào Hàng đang còn 2 Cột, độ rộng vẫn là 1/3 đơn vị.6: Di chuột qua biểu tượng này sẽ tùy trở thành lại số Cột (nếu muốn).

Kết trái hiển thị ngoại trừ Frontend như sau:

*

Bạn có thể thấy chia 3 cột cực nhanh, cột đầu chưa thêm nội dung nên đang trống.

Text Block: Khối văn phiên bản (Text) có sử dụng trình sửa đổi WYSIWYG (là trình sửa đổi với các công nạm như Word) Cũng như nhau trình chỉnh sửa mặc định của WordPress.Icon: Biểu tượng đặc biệt quan trọng từ các thư viện biểu tượng đẹp như phông Awesome. Những icon này siêu đặc biệt, không hẳn dạng ảnh, nhưng mà nó giống fonts chữ. Tất cả thể tùy chỉnh cỡ thước và color cho icon như chỉnh fonts chữ.Separator: Đường phân cách ngang. Có không ít dạng cho mình chọn như solid (nét liền), dashed (nét đứt), dotted (nét chấm) v.v…Và được cho phép chỉnh độ dày của nét.Separator with Text: Tương tự trên, nhưng chất nhận được bạn thêm cả đoạn Text vào giữa mặt đường phân cách. Tất nhiên cả 1 icon tùy chỉnh cấu hình nếu thích.

Xem thêm: Hướng Dẫn Cách Tải Danh Bạ Lên Gmail (Update 2020), Sao Lưu Và Đồng Bộ Hóa Danh Bạ Trên Thiết Bị

Message Box: Tạo 1 khối thông báo có màu nền + icon + văn bản. Mục đích thường dùng để nhấn to gan 1 thông báo nào đó.FAQ: Một khối có khả năng mở rộng lớn – thu eo hẹp được ngôn từ khi nhấn vào nó. Thường xuyên được dùng làm tạo thắc mắc thường gặp, giúp tiết kiệm diện tích trang web.Single Image: Tạo khối hình ảnh đơn dĩ nhiên hiệu ứng hiển thị đẹp nhất mắt.Image Gallery: Tạo bộ sưu tập, bao gồm nhiều hình xếp cạnh nhau, với thi công Responsive.Image Carousel: Khối những ảnh, cơ mà chỉ xem được từng ảnh một. Chuyển sang lại giữa các ảnh với hiệu ứng trượt rất đẹp mắt.Tabs: tạo thành tab ngôn từ ngang, góp tiết kiệm diện tích hiển thị. Có thể cho những khối khác trong list Khối văn bản vào trong những tab này.Tour: giống như như bên trên nhưng đó là tạo tab văn bản dọc.Accordion: chế tạo khối hoàn toàn có thể thu nhỏ bé – không ngừng mở rộng nội dung mặt trong. Gần giống với khối FAQ nghỉ ngơi trên.Custom Heading: sản xuất tiêu đề kèm tùy chỉnh font chữ. Đặc biệt được tích vừa lòng thư viện Google Fonts đẹp nhất mắt.Button: tạo ra nút bấm với con đường link, kích hoạt hay các tùy chọn khác. Rất có thể thêm icon vào các vị trí không giống nhau trên nút. Tất cả thể thiết lập cấu hình các kiểu nút như 3D, Flat… rồi bo tròn góc tốt vuông góc.Call khổng lồ Action: chế tạo khối lôi kéo hành động, hay để tập trung sự chú ý, lôi kéo người phát âm có hành động nào đó theo mục tiêu của bạn. Thêm được icon mang lại khối, chèn văn phiên bản cùng với trình soạn thảo WYSIWYG. Đặc biệt cũng thêm được nút click chuột khối.Video Player: Nhúng 1 video (YouTube, Vimeo) vào trang web. Cùng với nhiều cấu hình thiết lập cho trình phát như độ rộng, hiệu ứng…Chart – Biểu đồ: Gồm có cha loại biểu đồ vật chính:Pie Chart: sinh sản biểu đồ dùng dạng bánh.Round Chart: sản xuất biểu thứ dạng tròn.Line Chart: tạo nên biểu đồ vật dạng cột.

Chúc các bạn thành công!

hotlive |

Hi88