Lightweight Grid Columns

Hỏi đáp

Thêm shortcode như nào?

• Hãy chắc chắn Lightweight Grid Columns đã kích hoạt.
• Trong khi sửa bài viết hoặc trang, bấm vào “Trực quan”.
• Nhìn vào icon cột (tab ảnh chụp màn hình)
• Chọn chiều rộng lưới trên máy tính, máy tính bảng và di động.
• Nếu bạn đang thêm cột cuối trong một hàng, hãy đánh dấu hộp kiểm “Cuối cùng” (điều này rất quan trọng).

Tôi nên làm gì nếu không muốn sử dụng nút TinyMCE?

Rất dễ! Chỉ cần thêm shortcode vào bài viết.

Ví dụ, bên dưới sẽ là 4 cột trên máy tính, 2 cột trên máy tính bảng và 1 cột trên di động

[lgc_column grid="25" tablet_grid="50" mobile_grid="100"]Some content[/lgc_column]

[lgc_column grid="25" tablet_grid="50" mobile_grid="100"]Some content[/lgc_column]

[lgc_column grid="25" tablet_grid="50" mobile_grid="100"]Some content[/lgc_column]

[lgc_column grid="25" tablet_grid="50" mobile_grid="100" last="true"]Some content[/lgc_column]

Hãy lưu ý đến cột cuối cùng – xem phần last=”true”? Đừng quên đấy 😉

Có những tùy chọn tỉ lệ phần trăm nào?

Cái này được lấy trực tiếp từ (http://unsemantic.com):

Có rất nhiều class lưới với tên grid-x trong đó “x” đại diện cho tỉ lệ phần trăm chiều rộng của từng đơn vị lưới. Nó bao gồm 5, cho đến 100 (grid-5, grid-10 … grid-95, grid-100. Cũng có một số class chia một trang thành ba phần: grid-33 and grid-66 đại diện cho 33.3333% và 66.6667% chiều rộng.

Có cách nào khác để sử dụng ngoài shortcode không?

Có!

Bạn có thể dùng:

class

[lgc_column grid=”25″ tablet_grid=”50″ mobile_grid=”100″ class=”push-25″]Nội dung[/lgc_column]

kiểu

[lgc_column grid=”25″ tablet_grid=”50″ mobile_grid=”100″ style=”padding-left:0px;”]Nội dung[/lgc_column]

equal_heights

Mặc định, js điều chỉnh chiều cao thành “true”.

[lgc_column grid="25" tablet_grid="50" mobile_grid="100" equal_heights="true"]Some content[/lgc_column]