Cara Membuat Tampilan Grid Posting Thumbnail di Tema WordPress
Pernahkah Anda merasa perlu membuat kotak surat saat membuat tata letak situs WordPress? Tata letak kisi berfungsi dengan baik untuk situs yang berfokus pada media seperti galeri WordPress kami atau situs jenis pameran lainnya. Kerangka tema seperti Genesis sudah memiliki sistem Grid yang sudah dibuat sebelumnya. Tetapi jika Anda mencoba membuat tampilan kisi di tema WordPress khusus Anda, kami di sini untuk membantu. Pada artikel ini, kami akan menunjukkan kepada Anda cara membuat grid thumbnail postingan di tema WordPress.
Catatan: Anda harus memiliki pemahaman yang adil tentang CSS dan cara kerja loop WordPress.
Sebelum kita mulai, mari kita lihat apa yang ingin kita capai:
Jika Anda perhatikan, posting di halaman ini akan muncul dalam kotak. Ada pembatas pada tiang di sisi kiri, tapi tidak di sisi kanan. Dengan loop posting normal, semua posting mengikuti gaya yang sama sehingga Anda memiliki batas kanan pada kedua posting yang akan terlihat aneh. Perhatikan juga bahwa ruangnya cukup simetris. Yang lagi-lagi tidak mungkin dengan loop biasa untuk melakukan sesuatu seperti itu. Sekarang Anda dapat melihat apa yang ingin kami capai, mari kita lihat bagaimana kami dapat mencapainya.
Hal pertama yang harus dilakukan adalah memastikan tema Anda memiliki thumbnail untuk posting WordPress yang diaktifkan. Anda juga harus memikirkan bagaimana Anda ingin mengubah ukuran gambar WordPress Anda karena Anda akan membutuhkannya.
Setelah Anda mengonfigurasi thumbnail dan ukurannya, mari kita mulai dengan ini. Kami akan mengonfigurasi pertanyaan perulangan kami:
