Visual Composer là gì? Tài liệu hướng dẫn về plugin Visual Composer WordPress toàn tập miễn phí
Bạn mua một theme WordPress trên ThemeForest về và cài đặt vào trang của mình. Đến phần cài đặt nội dung demo, theme yêu cầu phải cài đặt một số plugin và trong đó có một plugin là Visual Composer hoặc WPBakery Builder. Không chỉ một vài mà hàng ngàn theme đính kèm plugin premium này vào sản phẩm của họ. Vậy Visual Composer là gì mà được sử dụng nhiều và nổi tiếng đến thế?
Giới thiệu Visual Composer
Visual Composer là gì?
Visual Composer VC là một page builder – trình tạo trang có lượng tải nhiều nhất nhì trên Codecrayon. Visual Composer sẽ giúp bạn kéo thả để tạo ra những trang web đẹp mắt – nhanh gọn và chuyên nghiệp.
Có rất nhiều trang đánh giá Visual Composer là một Page Builder số 1 thế giới. Tuy nhiên, Visual Composer không hẳn là số 1 thế giới nếu đem đi so sánh với các trình Page Builder như: Elementor, Brizy hay Divi Builder,… Vì Visual Composer đã xuất hiện từ năm 2006 trên Themeforest và cho phép các nhà phát triển tích hợp sẵn vào theme để bán lại nên hiển nhiên các nhà phát triển theme sẽ mua và tích hợp thẳng vào theme của họ.
Nhưng cũng không thể chối cãi Visual Composer là một plugin khá mạnh mẽ trong các Page Builder gần đây.
Visual Composer hiện tại đã đổi tên thành WPBakery Page Builder. Tuy nhiên, nhà phát triển sản phẩm đã phát hành thêm một sản phẩm mới và sử dụng thương hiệu Visual Composer. Vậy nên WPBakery Page Builder và Visual Composer là 2 sản phẩm khác nhau bạn nhé.
Để tránh nhầm lẫn, trong bài sẽ giới thiệu Visual Composer hoặc gọi tên khác là WPBakery Page Builder. Còn sản phẩm mới mang tên Visual Composer sẽ được ghi là tên “Visual Composer phiên bản sản phẩm mới”.
Những tính năng nổi bật của Visual Composer
Visual Composer là một trình soạn thảo kéo và thả đơn giản, bạn có thể dễ dàng tạo ra trang web đẹp mắt.
Visual Composer có 2 chế độ soạn thảo nội dung là Backend và Frontend. Backend tức là giao diện không trực quan lắm cho những người có khả năng và kiến thức về lập trình, làm ở phía nền nhưng vẫn mườn tượng ra được Frontend ra sao. Chế độ soạn thảo Frontend là chế độ soạn thảo trực quan, bạn làm ra trang như thế nào, người dùng thấy y hệt như thế ấy.
Theo nhà phát triển, Visual Composer có:
- Hệ thống mẫu và thư viện khổng lồ
- Có khả năng tương thích với mọi thiết bị
- Hỗ trợ tuỳ chỉnh trên nhiều loại bài đăng
- Được hỗ trợ 24/7 khi mua sản phẩm
- Hỗ trợ đa ngôn ngữ
- Thân thiện và hỗ trợ SEO
- Hỗ trợ phát triển WooCommerce
- Có hỗ trợ Media Grid
- Có khả năng mở rộng với nhiều Addons được phát triển bởi cộng đồng.
- …
Được giới thiệu là một chuyện, tuy nhiên đối với bản thân mình (người viết bài này) đã tốn rất nhiều thời gian để làm quen với Visual Composer. Cho đến hiện tại là hơn 1 năm nhưng sử dụng Visual Composer vẫn chưa quen tay lắm.
Với phiên bản WPBakery Page Builder có khả năng tương thích cao với các theme bất kì. Tuy nhiên, khi bạn tắt plugin WPBakery Page Builder các shotcode sẽ hiện lên trông vô cùng xấu.
Cách cài đặt Visual Composer
Để cài đặt, trước tiên bạn phải mua WPBakery Page Builder trước, vì không có bản miễn phí. Bạn có thể mua tại đây với giá 45$ hoặc mua tại trang Codecanyon với giá 64$.
Sau khi có file WPBakery Page Builder, bạn chỉ cần tiến hành tải file lên như các plugin thông thường và kích hoạt là xong.
Giới thiệu giao diện soạn thảo của Visual Composer
Sau khi hoàn tất cài đặt, giờ chúng ta sẽ tiến hành khám phá giao diện soạn thảo chính của Visual Composer nhé!
- Đó là nơi bạn có thể cho thêm các khối chức năng vào.
- Nơi chúng ta có thể nhập các giao diện được dựng sẵn vào rất tiện lợi.
- Bạn có thể tiến hoặc lùi các thao tác đã thực hiện.
Add Text Block là nơi bạn nhập chữ vào, và khối đó thân thiện với chữ, nhanh nhất.
Các khối trong Visual Composer
Visual Composer có rất nhiều khối chức năng khác nhau, chúng sẽ giúp bạn tạo ra một trang web vô cùng lung linh và đẹp mắt. Nếu bạn đã có kiến thức đọc tiếng Anh cơ bản, bạn có thể bỏ qua đoạn này và lao vào tạo một trang nháp để thử nghiệm chức năng các khối luôn nhé.
Section chứa nhiều Row, Row chứa nhiều phần tử khác bên trong.
Separator là phần tử cách ngang các phần tử khác, ZigZag Separator cắt ngang nhưng là theo đường zigzag, Separator with Text cắt ngang nhưng có thể chèn thêm text ở giữa đường cắt.
Text Block để chèn nội dung chữ vào
Icon dùng để đưa những icon bắt mắt vào
Message Box dùng để nhấn mạnh dòng chữ
Hover Box khối có chức năng chèn ảnh và chữ, khá giống lật bài và thú vị, bạn nên thử.
FAQ dạng 1 thanh xổ xuống, bấm vào câu hỏi để hiện câu trả lời
Single Image là một ảnh duy nhất
Image Gallery thư viện ảnh
Image Carousel là các ảnh chuyển động
Pageable Container là khối giúp bạn phân nội dung thành nhiều slide nhỏ.
Button là nút nhìn cho bắt mắt hơn.
Call to Action khối này có tạo ra sự bắt mắt yêu cầu người dùng tương tác, hành động.
Post slides giúp các bài đăng của bạn có thể xuất hiện.
Video Player giúp bạn nhúng các video vào trang.
Google Maps giúp nhúng địa chỉ của bạn trên Maps vào trang.
Flickr Widget khối này giúp bạn chèn các ảnh từ trang Flickr của bạn
- 4 khối về biểu đồ (tiến độ – tròn – vòng – cột)
- 4 khối mới hỗ trợ sắp xếp bài đăng hình ảnh đẹp mắt
Gutenberg Editor khối giúp bạn chèn Gutenberg Editor bỏ text vào trang.
Video hướng dẫn cách sử dụng Visual Composer
Rất tuyệt vời ở chỗ là đội ngũ phát triển của Visual Composer đã đầu tư làm những video hướng dẫn cho người sử dụng. Rất nhiều video hướng dẫn sử dụng nữa bạn có thể xem tại Playlist này.
Với bộ tài liệu hoàn toàn miễn phí này, SVN Hosting mong rằng bạn sẽ “chinh phục” được plugin Visual Composer và biến trang web của mình trở nên lung linh hơn bao giờ hết! SVN Hosting xin chúc bạn luôn thành công và website sẽ kiếm được nhiều doanh thu!
Những câu hỏi thường gặp
WPBakery Page Builder và Visual Composer phiên bản sản phẩm mới có gì khác nhau?
Visual Composer có mức giá khác với WPBakery Page Builder. WPBakery Page Builder có giá 45$ cho 1 trang với thời hạn vĩnh viễn. Còn Visual Composer phiên bản mới có giá từ 49$ – 349$.
Không mua sản phẩm có được hỗ trợ khi sử dụng sản phẩm WPBakery Page Builder hay không?
Câu trả lời là không. Hỗ trợ là một trong những tính năng được liệt kê khi bạn mua sản phẩm, chứ không giống như những trình page builder khác hay phần mềm khác luôn sẵn có đội ngũ hỗ trợ bạn.
Tuy nhiên bạn có thể xem các FAQ thường gặp của họ tại đây.
Có thể phát triển thêm chức năng cho WPBakery Page Builder không? Và có thể bán cho người dùng khác hay không?
Có thể dùng thử WPBakery Page Builder hay không?
Bạn có thể dùng thử WPBakery Page Builder trên máy chủ thử nghiệm của họ để trải nghiệm các chức năng của WPBakery Page Builder. Tuy nhiên phiên bản dùng thử ngay trên trang web của bạn không có.
Mọi thắc mắc cần giải đáp hay mong muốn cần tư vấn, vui lòng để lại thông tin bên dưới. Chuyên viên tư vấn của SVN HOSTING COMPARISON sẽ giúp bạn chọn được giải pháp tốt nhất cho quá trình phát triển công ty bạn.
SVN HOSTING COMPARISON
- Địa chỉ: 241 Cộng Hòa, Phường 13, Tân Bình, Hồ Chí Minh.
- Email: svnhostingcomparison@gmail.com
- Hotline: 0973.666.777
- Website: http://svnhostingcomparison.com
