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.
Hi bạn,
Mình có theo dõi các bài viết genesis framework của bạn, mình cũng đang tìm hiểu để phát triển website, những bài viết bạn chia sẻ rất hữu ích cho người mới như mình. nhưng hình như không hiển thị code (.github) mà bạn hướng dẫn. bạn thử kiểm tra lại nhé.
Tks!
Mình đã fix rồi bạn nhé! cảm ơn bạn đã nhắc mình!