Saat membuat tata letak situs web WordPress, apakah Anda pernah perlu membuat kisi pos? Tata letak kotak berfungsi dengan baik untuk situs media-sentris seperti galeri WordPress atau situs jenis showcase lainnya. Lukisan-lukisan bertema seperti Genesis sudah memiliki sistem loop jaringan pra-dibangun. Namun, jika Anda mencoba untuk menampilkan kisi di tema WordPress khusus Anda, kami di sini untuk membantu Anda. Pada artikel ini, kami akan menunjukkan kepada Anda cara membuat loop kisi thumbnail di tema WordPress Anda.
Catatan: Anda harus memiliki pemahaman yang adil tentang CSS dan cara kerja perulangan WordPress.
Sebelum kita mulai, mari kita lihat apa yang ingin kita capai:
Jika Anda melihat, tulisan di halaman ini akan ditampilkan dalam kotak. Ada perbatasan pada posting di sisi kiri, tetapi tidak di sisi kanan. Dengan loop posting normal, semua posting mengikuti gaya yang sama; oleh karena itu akan memiliki batas kanan pada kedua pos yang akan terlihat aneh. Perhatikan juga bahwa ruangnya cukup simetris. Yang lagi tidak mungkin dengan loop normal untuk melakukan sesuatu seperti ini. Sekarang Anda dapat melihat apa yang kami coba capai, mari kita lihat bagaimana mencapainya.
Hal pertama yang harus dilakukan adalah memastikan tema Anda telah mengaktifkan thumbnail postingan WordPress. Anda juga harus memikirkan bagaimana Anda ingin mengubah ukuran gambar WordPress Anda karena Anda akan membutuhkannya.
Setelah mengatur thumbnail dan ukuran, mari kita mulai. Mari konfigurasikan kueri kami dalam satu lingkaran:
