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é!

1. Đó là nơi bạn có thể cho thêm các khối chức năng vào.
2. 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.
3. 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

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