Tìm được plugin phù hợp sẽ giúp bạn cải thiện và tối ưu hoạt động website một cách hiệu quả, tuy nhiên đây lại không phải điều dễ dàng. Bài viết dưới đây sẽ cung cấp những thông tin cơ bản về plugin Visual Composer cũng như hướng dẫn sử dụng plugin Visual Composer trong WordPress để giúp bạn có thêm một lựa chọn. 

1. Visual Composer là gì? 

Trước khi đi vào tìm hiểu cách sử dụng plugin Visual Composer, cùng xem xem Visual Composer là gì mà lại có khả năng “làm mưa làm gió” trong quản trị WordPress như vậy. 

Visual computer là một plugin hỗ trợ quản trị website WordPress. Tuy nhiên, điểm đặc biệt mà plugin này mang đến chính là khả năng hỗ trợ thiết kế web với nhiều lựa chọn phong phú, đa dạng, vừa đảm bảo tính thẩm mỹ, vừa đảm bảo tính tiện dụng. Do đó, công cụ này sẽ mang đến cho những người quản trị cơ hội kiểm soát và khả năng xây dựng một trang web hoàn toàn mới, mang màu sắc cá nhân mà những plugin khác khó làm được. 

Để dễ dàng hơn trong việc tìm hiểu plugin này, cần ghi nhớ một số thuật ngữ cơ bản sau: 

  • Giao diện Frontend: Giao diện website dành cho khách truy cập; 
  • Giao diện Backend: Giao diện dành riêng cho quản trị viên; 

Giao diện dành riêng cho quản trị WordPress 

  • Backend Editor: Trình chỉnh sửa dành cho quản trị viên; 
  • Frontend Editor: Trình chỉnh sửa trực quan dựa trên giao diện Frontend; 
  • Content Element: Các ô nội dung hiển thị tại website. 

2. Cách cài đặt plugin Visual Composer 

Để cài đặt plugin Visual Composer, bạn tiến hành các bước tương tự như tải plugin. Cụ thể: 

Bước 1: Từ trang chủ, chọn “Plugin” -> “Cài mới”. 

Giao diện quản lý plugin trong WordPress 

Bước 2: Tại đây, cài đặt plugin Visual Composer bằng 2 cách: 

  • Cách 1: Tải lên trực tiếp từ máy tính. 

Giao diện cài đặt plugin WordPress 

  • Cách 2: Sử dụng kho plugin bằng cách tìm kiếm với từ khóa “Visual Composer”, sau đó chọn “Cài đặt” trong ô plugin. 

Cài đặt plugin Visual Composer từ kho plugin có sẵn 

3. Hướng dẫn sử dụng plugin Visual Composer trong WordPress 

Nếu đã nắm vững một số thuật ngữ cơ bản và cài đặt thành công công cụ hỗ trợ thiết kế web đắc lực này, hãy đi vào tìm hiểu hướng dẫn sử dụng plugin Visual Composer trong WordPress

Tùy chỉnh hàng (Rows) 

Để thêm một hàng mới, thực hiện theo các bước sau: 

  • Bước 1: Tại trang quản trị WordPress, chọn “Trang” -> chọn một trang trong danh sách mà bạn muốn sửa. 

Giao diện quản lý trang 

  • Bước 2: Mở giao diện Backend Editor. 

Chuyển sang chế độ edit của quản trị viên 

  • Bước 3: Chọn “Add Element”. 

Giao diện Backend Editor 

  • Bước 4: Chọn “Row” trong danh sách. (Nếu không có sẵn, nhập “Row” vào ô tìm kiếm). 

Giao diện các ô nội dung trong Visual Composer 

Sau khi thêm hàng, bạn có thể có những tùy chỉnh hàng sau (được chú thích trong hình dưới): 

(1). Thêm nội dung; 

(2). Quy định số cột trên một hàng; 

(3). Điều chỉnh trình bày nội dung trên hàng; 

(4). Sao chép; 

(5). Xoá hàng. 

Giao diện tùy chỉnh hàng với Visual Composer 

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

Một ưu điểm lớn của việc sử dụng plugin Visual Composer trong WordPress là cho phép người dùng tự do kéo và thả (Drag and Drop) các ô nội dung tiện ích vào trang để tiện điều chỉnh. Điều này tiết kiệm rất nhiều thời gian và công sức cho quá trình thiết kế web và quản trị trang vốn được biết đến với nhiều thao tác. 

Các yếu tố của trang 

Visual Composer mang đến cho người dùng rất nhiều cơ hội lựa chọn và bổ sung các yếu tố cho trang, có thể kể đến như Row, Icon, Raw HTML… 

Thêm các yếu tố vào trang 

Trên đây là một số thông tin và hướng dẫn sử dụng plugin Visual Composer trong WordPress. Với những chia sẻ trên đây, tin chắc bạn sẽ nhanh chóng làm quen và thành thạo với việc sử dụng Visual Composer – cánh tay đắc lực trong việc quản trị website WordPress. 

 

 

 

 

 

 

 

 

[mailpoet_form id="1"]

Share this post


0988227905