Hướng dẫn sử dụng plugin Visual Composer

Plugin Visual Composer là một plugin tuyệt vời được phát triển bởi WP Bakery cho phép bạn kiểm soát hoàn toàn cách bố trí trang web của mình. Đây là một plugin trả phí được bán trong themeforest với giá khoảng $40 nhưng đi đôi với việc trả phí thì bạn sẽ nhận lại được rất nhiều những tính năng mạnh mẽ mà plugin này đem lại như:
+ Tạo cho bạn một giao diện kéo thả trực quan.
+ Hỗ trợ chế độ Frontend / backend.
+ Giao diện phù hợp với mọi thiết bị di động.
+ Thiết lập vai trò người quản lí website.
+ Là một plugin đa ngôn ngữ.
+ Có sẵn hơn 40 mẫu thiết kế.

Cách cài đặt và sử dụng plugin Visual Composer.
Đầu tiên bạn cần cài đặt và kích hoạt plugin này vào trong Wordpress, bạn vào Plugins -> Add new -> Upload plugin rồi tải plugin Visual Composer lên, (bạn có thể tham khảo thêm cách cài đặt và kích hoạt plugin trả phí trong Wordpress để nắm rõ hơn nhé).
Sau khi đã cài đặt xong plugin này thì khi bạn tạo một trang mới sẽ thấy nút chuyển đổi giữa chế độ cổ điển và chế độ mới của plugin Visual Composer.

chuyen-doi-che-doSau khi bạn chuyển đổi sang chế độ mới thì bạn có thể thêm các hàng, cột, các nút, hình ảnh…

Tùy chỉnh hàng (Rows).
Để thêm một hàng thì bạn chỉ cần click vào tab màu vàng góc trên cùng bên phải, hàng đó sẽ tự động vỡ thành các cột theo cách bố trí của bạn.
them-hang
Các yếu tố của trang.
cac-yeu-to-cua-pageBước tiếp theo để bạn thêm tính năng của trang đó là bạn ấn vào nút Add element. Có rất nhiều tùy chọn để thêm các hộp văn bản, tiêu đề, nút chia sẻ mạng xã hội, hình ảnh, bộ sưu tập… Tuy nhiên phụ thuộc vào theme và các plugin trong Wordpress của bạn mà  bạn có thể thấy nhiều hoặc ít hơn thành phần của trang.
Nhấp vào bất kì một biểu tượng nào nó sẽ có phần cài đặt của mục đấy, ví dụ ở đây mình click vào biểu tượng Icon Box

icon-box-settingsBạn tùy chỉnh xong thì nhớ ấn Save Changes nhé.
Plugin này cũng hỗ trợ bạn 4 plugin mà bạn không cần phải cài thêm vào Wordpress đó là: Layer Slider, Revolution Slider, Gravity Forms và Contact Form 7.

Kéo và thả (Drag and Drop).

drag-and-dropTại mọi thời điểm trong quá trình tạo trang, bạn có thể kéo thả bất kì yếu tố nào vào trang để sắp xếp lại chúng, bạn cũng có thể sao chép bất kì phần tử nào cho việc lặp nội dung giúp rút ngắn thời gian làm việc của bạn.
Khi bạn đã tạo được một thiết kế mà bạn ưng ý thì có thể lưu nó lại như là một bản mẫu điều này rất có ích khi bạn tạo một bố cục trang tùy chỉnh hoặc một sidebar bạn muốn tái sử dụng.

Cài đặt tùy chọn của plugin Visual Composer.
Bạn vào Settings -> Visual Composer để tùy chỉnh nó nhé.

muc-visual-composerBạn nhớ ấn Save Changes để lưu lại các cài đặt nhé.

Lời kết
Có thể nói đây là một plugin cực kì tuyệt vời giúp bạn tạo giao diện trang web ấn tượng hơn, với vô số các tính năng của mình nên nó cũng góp phần giảm tải các plugin mà bạn phải cài thêm vào Wordpress. Chúc các bạn thành công!

 

 

2 comments

  1. Bài này em chỉ nhận được về phần giới thiệu sơ bộ thôi. hướng dẫn chi tiết chưa có gì hết. nếu có thời gian huynh làm thêm cái này cho ae đọc được không ạ.

Leave a Reply

Your email address will not be published. Required fields are marked *