Giải pháp hướng dẫn này giúp bạn làm thế nào để hiện thỉ các bài viết trên blog của mình theo dạng lưới xắp xếp theo kiểu na cột trên một hàng một cách khác biệt bạn có thể xem ví dụ chi tiết ở hình ảnh phía bên dưới.
Hướng dẫn này được thực hiện trên theme genesis sample của genesis, nên nó sẽ hoạt động trên bất kỳ chủ đề nào. Và để thực hiện việc này nhìn chung chúng ta sẽ thực hiện qua 2 bước đơn giản. Ngoài ra bạn có thể xem thêm một số thủ thuật genesis hay khác tại chuyên mục https://sampres.com/genesis-framework
Hướng dẫn xắp xếp bài viết theo kiểu dạng lưới trong genesis
1. Thêm các thuộc tính CSS
Để thực hiện việc này trước tiên bạn cần thêm các thuộc tính css vào styles.css bằng các sao chép toàn bộ mã code bên dưới dán vào styles.css trong thư mục của chủ đề con của bạn.
Lưu ý: Bạn cần thay đổi .page-template-page_blog-php trong các quy tắc CSS ở trên với lớp cho trang lưu trữ của bạn khi sử dụng trên các loại trang lưu trữ khác.
2. Tùy chỉnh Layort
Để thực hiện việc này truy cập Dashboart > Home > Layort và cài đặt Layort mặc định thành bố cục Layort toàn chiều rộng như hình ảnh bên dưới.
Lời kết
Như vậy là xong tất cả những gì bạn cần làm để, tùy chỉnh bài viết theo dạng lưới. Hy vọng bài viết này sẽ giúp ích cho bạn, mọi thắc mắc vui lòng comments bên dưới!
Trả lời