Cara Mendesain Berbagai Kategori Individu di WordPress

Apakah Anda ingin mendesain berbagai kategori di WordPress? Sebagian besar tema WordPress menggunakan gaya yang sama untuk semua halaman arsip kategori. Namun, jika Anda menjalankan situs web yang kaya konten, Anda dapat mendesain setiap kategori secara berbeda untuk memaksimalkan potensinya. Pada artikel ini, kami akan menunjukkan kepada Anda cara mendesain berbagai kategori dengan mudah di WordPress.

Mengapa kategori gaya berbeda di WordPress?

Seperti yang kami katakan sebelumnya, sebagian besar tema WordPress menggunakan template yang sama untuk setiap halaman arsip kategori. Ini karena pengembang tema tidak tahu bagaimana Anda akan menggunakan kategori di situs Anda dan akan menjadi kategori apa.

Namun, jika Anda menjalankan situs yang kaya konten, mengubah tata letak halaman arsip kategori dapat berdampak besar pada cara pengguna berinteraksi dengan konten halaman tersebut.

Misalnya, jika Anda menjalankan situs web berita atau majalah, Anda dapat menampilkan iklan lokal di direktori berita lokal. Anda dapat menampilkan informasi cuaca, menampilkan cerita paling populer dalam kategori tersebut, dll.

Dengan itu, mari kita lihat cara mudah mendesain berbagai kategori individu di WordPress.

Rancang berbagai kategori individu di WordPress

Ada beberapa cara untuk mendesain kategori di WordPress. Kami akan menunjukkan kepada Anda dua metode desain portofolio yang berbeda, dan Anda dapat memilih salah satu yang paling sesuai dengan kebutuhan dan tingkat keahlian Anda.

Gunakan template kategori tunggal dalam tema WordPress

Tema WordPress mengikuti hierarki templat standar. Tergantung pada nama file template, WordPress dapat secara otomatis memilih template yang benar untuk menampilkan halaman.

Misalnya, cari file file.php untuk menampilkan halaman file kategori.

WordPress juga memungkinkan Anda membuat template untuk masing-masing kategori. Katakanlah Anda ingin mendesain kategori “Apple Different. Anda dapat melakukan ini dengan menambahkan file template baru ke tema Anda dan menamakannya kategori-apple.php.

Sambungkan ke situs WordPress Anda menggunakan klien FTP, lalu buka folder /wp-content/themes/your-current-theme/ dan buat file-apple.php baru. Jangan lupa untuk mengganti apple dengan nama kategori Anda sendiri.

Buat template untuk kategori individual di tema WordPress Anda

Anda dapat menggunakan file category.php untuk tema Anda sebagai titik awal. Cukup edit dan salin semua konten Anda. Sekarang edit file kategori-apple.php yang baru Anda buat dan tempel kode di dalamnya.

Anda kemudian dapat mulai mengubah template portofolio pribadi Anda. Anda dapat membuat dan menggunakan sidebar lain untuk kategori ini, mengubahnya menjadi halaman lebar penuh, menambahkan pesan selamat datang atau apa pun yang Anda inginkan.

Gaya kategori individu di WordPress dengan CSS

WordPress secara otomatis menambahkan kelas CSS ke berbagai elemen di seluruh situs Anda. Ini termasuk kelas tubuh dan kelas pasca.

Misalnya, jika Anda melihat halaman file kategori dan kemudian menggunakan Alat Inspeksi, Anda akan melihat nama kategori CSS dan kategori di tag isi.

Kelas kategori ditambahkan ke elemen tubuh oleh WordPress

Anda dapat menggunakan kelas CSS ini untuk mendesain setiap jenis secara terpisah dengan menambahkan CSS khusus.

Berikut adalah beberapa contoh CSS yang dapat Anda gunakan sebagai titik awal.

body.category-apple { 
background-color:#EEE;
background:url("https://example.com/wp-content/uploads/2017/background.jpg") no-repeat fixed;
color:#FFFFFF;
}
.category-apple .site { 
background:#232323; 
}
.category-apple a { 
color:#CCCCCC; 
} 

Jangan lupa untuk mengganti nama kategori di kelas CSS dengan nama kategori Anda sendiri.

Ubah gaya kategori dengan CSS

Kami harap artikel ini membantu Anda mempelajari cara mendesain berbagai kategori di WordPress. Anda mungkin juga ingin melihat daftar plugin dan kategori hacks yang paling dicari untuk WordPress.

Jika Anda menyukai artikel ini, berlangganan saluran kami YouTube untuk menonton video tutorial WordPress. Anda juga dapat menemukan kami di Twitter dan Facebook.

Pos terkait

Back to top button