Hiển thị bài viết mới dạng lưới cho Genesis Framework

Chào các bạn mình là Mạnh đây, hôm nay mình xin hướng dẫn các bạn cách làm thế nào để có thể hiển thị bài viết mới trên trang chủ theo phong cách dạng lưới, chia làm 2 cột ngoài trang chủ. theo phong cách mới mà mặc đinh của theme genesis không có.

Chúng ta bắt đầu với home page layout dựa trên grid layout, với tính năng này chúng ta sẽ phân chia bài viết ngoài trang chủ thành 1 bài viết chính với chiều rộng đầy đủ và 8 bài viết phía dưới được xắp xếp theo kiểu hình lưới phân chia thành hai.

Hình ảnh mẫu bài viết dạng lưới Genesis Framework

Hướng dẫn hiển thị bài viết dạng lưới Genesis Framework

1. Thêm đoạn mã chức năng

Sao chép toàn bộ code bên dưới dán vào files functions.php trong thư mục chủ đề con mặc định contents/themes/magazine-pro/functions.php, hãy thay đổi hco phù hợp với theme của bạn.

2. Thiết kế lại CSS

Copy toàn bộ code dán vào style.css

3. Chạy thử nghiệm

Xóa sạch bộ nhớ cache của trang web và bộ nhớ cache của trình duyệt bằng cách sử dụng plugin wp rocket giờ đây hãy tải lại trang của bạn để xem bố cục mới được cập nhật.

Lời kết

Trên đây là hướng dẫn hiển thị bài viết dạng lưới theme genesis framework đơn giản nhất. Hãy cho tôi biết nếu bạn có bất kỳ câu hỏi nào ngay bên dưới khung comments bên dưới.