IG PageBuilder Plugin – Thiết kế trang Responsive trên WordPress

IG PageBuilder Plugin – Một plugin mới nhất của Innogears hỗ trợ các bạn thiết kế, tùy biến một bài viết or một trang trên WordPress, với rất nhiều tính năng hữu dụng, hỗ trợ Responsive.

Giới thiệu IG PageBuilder Plugin

Theo thói quen cá nhân, mình thường tự code bằng tay các page dạng giới thiệu hay bán hàng. Ưu điểm của phương pháp này là site rất nhẹ, loại bỏ các chức năng rườm rà không cần thiết. Tuy nhiên, với những người không biết về code, đây là cách khá khó khăn, tốn nhiều thời gian. Trong bài viết này mình sẽ giới thiệu đến các bạn một plugin hỗ trợ công việc đó, xây dựng một trang tùy biến trên WordPress, hỗ trợ Responsive và rất nhiều tính năng ưu việt khác.

Ưu điểm của IG PageBuilder Plugin:

- Hỗ trợ thiết kế Responsive

- Tích hợp nhiều tính năng đa dạng: QRCode, Accordion, Tooltip,…

- Hỗ trợ video, audio: youtube, vimeo, soundcloud,..

- Dễ dàng quản trị & thay đổi sắp xếp vị trí các module

- Một sản phẩm của người Việt & hoàn toàn miễn phí

Hướng dẫn cài đặt và sử dụng IG PageBuilder Plugin

- Để download plugin này các bạn truy cập đường link sau: IG PageBuilder Plugin

- Cài đặt như các plugin khác, kích hoạt để sử dụng.

- Plugin này không có phần quản trị cài đặt, bạn chỉ cần tạo một bài viết hoặc một trang mới để thiết lập

Cấu hình IG PageBuilder Plugin

- Trong phần trang Edit, bạn hãy chuyển sang Page Buillder để bắt đầu thiết kế 1 trang riêng theo nội dung của bạn

On/off: tắt bật IG PageBuiler

Compact/Full : Lựa chọn Show hoặc Hidden nội dung dạng rút gọn

Trong phần quản trị của plugin  các bạn có thể kéo, thả, sắp xếp vị trí các hàng, cột, các biến khá linh động. Plugin phân cấp quản lý như sau:

- Add Row: Row (hàng) là phần từ lớn nhất – khung hàng ngang, hệ thống sẽ sắp xếp từ trên xuống dưới theo vị trí các row. Các bạn có thể tạo thêm một Rown mới bằng cách click button Add Row 

- Add Colum: Trong hàng các bạn có thể add thêm, quản lý vị trí các cột. Để tạo thêm một cột mới các bạn click vào biểu tượng sau

- Add Element: Trong các cột là các phần tử nội dung. IG Pagebuilder hỗ trợ rất nhiều loại phần tử nội dung với nhiều tính năng khác nhau. Một số tính năng mà mình cảm thấy khá thú vị:

+ List: danh sách các đoạn nội dung

+ Tab: danh sách các đoạn nội dung dạng tab ngang

+ Accordion: thể hiện các đoạn nội dung dưới dạng tab dọc thu gọn

+ Carousel: hiện tại đang bị lỗi khi cấu hình tại website của mình

+ Button bar: dạng button tích hợp kèm theo Font Icon

+ Image: định dạng ảnh

+ Video: chèn video, tích hợp thêm Vimeo và Youtube

+ Audio: chèn nhạc, tích hợp Soundcloud

+ QR Code: tính năng khá tuyệt vời  Chỉ cần điền nội dung và chọn kích thước bạn đã có một mã QR Code dạng ảnh của riêng cá nhân

+ Table: hỗ trợ kẻ bảng, thêm hàng, cột cực kỳ đơn giản

+ Tooltip: hỗ trợ tính năng tooltip cho text

+ Promotion box: bạn có thể sử dụng khung nội dung này cho các đoạn quảng cáo, đăng ký theo dõi …

+ Text, Divider, Heading, Alert: thông tin nội dung

- Ngoài ra bạn còn có thể Add widget vào trong bài viết : trong cửa sổ Select elements lựa trọnWidget

Demo tính năng: Tại đây

* Một số lỗi của IG PageBuilder:

- Lỗi hiển thị khi edit các Elements
- Chức năng Fade in Animations trong Edit Image
- Lỗi Carousel
- Gõ tiếng Việt

Tweet