• Bỏ qua primary navigation
  • Skip to main content
  • Bỏ qua primary sidebar

ĐứcMạnh.Org

— Official Website Tutorial WordPress.

  • Giới thiệu
  • Liên hệ
  • Bản quyền
  • FAQs
  • Theme Genesis Premium by Đức Mạnh
  • Trang chủ
  • WordPress SEO Checklist
  • Thiết kế WordPress
  • Tăng tốc WordPress
  • Hướng dẫn WordPress
Bạn đang ở:Trang chủ · Genesis Framework · Hiển thị bài viết mới dạng lưới cho Genesis Framework

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.

  • 1 Hình ảnh mẫu bài viết dạng lưới Genesis Framework
  • 2 Hướng dẫn hiển thị bài viết dạng lưới Genesis Framework
    • 2.1 1. Thêm đoạn mã chức năng
    • 2.2 2. Thiết kế lại CSS
    • 2.3 3. Chạy thử nghiệm
  • 3 Lời kết

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

Hình ảnh bài viết dạng lưới theme genesis

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.

Category: Genesis Framework · 9 Tháng Sáu, 2018

Nói về Vũ Đức Mạnh

Một người con của Quảng Ninh hiện đang sinh sống tại Hà Nội. Theo dõi tôi trên Facebook để cập nhật những tin tức mới nhất liên quan đến SEO nhé.

Reader Interactions

Bình luận

  1. Quách Sơn

    17 Tháng Chín, 2017 lúc 9:40 sáng

    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!

    Trả lời
    • Vũ Đức Mạnh

      17 Tháng Chín, 2017 lúc 10:29 sáng

      Mình đã fix rồi bạn nhé! cảm ơn bạn đã nhắc mình!

Trả lời Hủy

Tất cả nhận xét không viết đúng tên và để link trong phẩn comment đều bị xóa.

 

Sidebar chính

Chào bạn! Mình là Đức Mạnh một người con của Quảng Ninh hiện đang sinh sống tại Hà Nội. Theo dõi tôi trên Facebook: để cập nhật những tin tức mới nhất liên quan đến SEO và WordPress nhé.
Follow Me: Facebook · Twitter · Github.

Chuyên mục

  • Genesis Framework (34)
  • Theme WordPress (41)
  • Thủ thuật Facebook (4)
  • Thủ thuật SEO (26)
  • Thủ thuật WordPress (53)
  • Tin tức (24)
  • Wordpress Plugin (38)
  • Câu hỏi thường gặp
  • Điều khoản
  • Bản quyền
  • digitrends.com.vn
  • Đánh giá lớn

© Copyright 2020 · Designed by Đức Mạnh © Official with · Powered by Wordpress.