Tin tức và phân tích của tất cả các thiết bị di động

Cách tạo chế độ xem lưới hình thu nhỏ bài đăng trong các chủ đề WordPress

Bạn đã bao giờ có nhu cầu tạo một mạng lưới thư khi tạo bố cục trang WordPress chưa? Bố cục lưới hoạt động tốt cho các trang web tập trung vào phương tiện truyền thông như thư viện WordPress của chúng tôi hoặc trang web loại triển lãm khác. Các khung chủ đề như Genesis đã có sistema Lưới tiền chế. Nhưng nếu bạn đang cố gắng tạo chế độ xem dạng lưới trong chủ đề WordPress tùy chỉnh của mình, chúng tôi sẵn sàng giúp bạn. Trong bài viết này, chúng tôi sẽ chỉ cho bạn cách tạo lưới hình thu nhỏ bài đăng trong một chủ đề WordPress.

Lưu ý: Bạn phải có hiểu biết công bằng về CSS và cách thức hoạt động của vòng lặp WordPress.

Trước khi bắt đầu, chúng ta hãy xem những gì chúng ta đang cố gắng đạt được:

Hiển thị bài lưới

Nếu bạn nhìn, bài viết trên trang này sẽ xuất hiện trong một lưới. Có một đường viền trên các bài viết ở phía bên trái, nhưng không phải ở phía bên phải. Với một vòng lặp bài viết bình thường, tất cả các bài đăng theo cùng một phong cách, vì vậy bạn có một đường viền bên phải trên cả hai bài viết sẽ trông kỳ lạ. Cũng lưu ý rằng không gian khá đối xứng. Mà một lần nữa là không thể với vòng lặp thông thường để làm điều gì đó tương tự. Bây giờ bạn có thể thấy những gì chúng tôi đang cố gắng đạt được, hãy xem cách chúng tôi có thể đạt được nó.

Điều đầu tiên cần làm là đảm bảo chủ đề của bạn có hình thu nhỏ cho các bài đăng WordPress được bật. Bạn cũng nên suy nghĩ về cách bạn muốn thay đổi kích thước hình ảnh WordPress của mình vì bạn sẽ cần nó.

Khi bạn đã định cấu hình hình thu nhỏ và kích thước, hãy bắt đầu với điều này. Chúng tôi sẽ cấu hình các câu hỏi lặp của chúng tôi: