Menampilkan Kategori dalam Dua Kolom
This entry was writen by Rismaka, The Admin, Biochemist (sometimes) and Data Management Staff of PT. Ex-WF. [Contact: rismaka[at]rismaka.net]Kategori dalam wordpress biasanya ditampilkan dalam dua bentuk, yang pertama yaitu bentuk dropdown, dan yang kedua dalam bentuk list. Tampilan kategori dalam bentuk dropdown bermanfaat jika ingin menghemat ruang sidebar. Namun tampilan seperti itu kurang aksesibel. Pengunjung tidak terlalu suka dengan bentuk dropdown karena mereka menginginkan kepraktisan.
Bentuk yang lain, yaitu bentuk list. Pada bentuk ini kategori akan ditampilkan memanjang ke bawah. Bentuk ini lebih aksesibel bagi pengunjung blog, karena mereka dapat dengan mudah untuk mencari kategori yang menarik bagi mereka. Namun permasalahannya adalah jika kategori yang kita buat sudah mencapai jumlah puluhan, maka tampilan kategori bentuk list kurang bagus dilihat. Tampilan tersebut akan memanjang ke bawah, menyebabkan bentuk sidebar menjadi kurang nyaman dilihat.
Gambar. Dua penampilan kategori di sidebar. Sebelah kiri adalah bentuk dropdown, sebelah kanan adalah bentuk list.
Ada salah satu cara untuk menampilkan kategori-kategori tersebut dalam dua kolom. Hal ini bermanfaat untuk menghemat ruang sidebar. wprecipes dan Blog oh Blog pernah menuliskan tips ini. Berikut caranya.
Editlah sidebar.php dimana kita ingin menampilkan kategori tersebut. Kemudian gunakan kode sniplet berikut untuk menampilkan kategori dalam dua kolom.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 | <h3>Kategori dalam dua kolom</h3> <?php $cats = explode("<br />",wp_list_categories('title_li=&echo=0&depth=1&show_count=1&style=none')); $cat_n = count($cats) - 1; for ($i=0;$i< $cat_n;$i++): if ($i<$cat_n/2): $cat_left = $cat_left.'<li>'.$cats[$i].''; elseif ($i>=$cat_n/2): $cat_right = $cat_right.'<li>'.$cats[$i].'</li>'; endif; endfor; ?> <ul class="left"> <?php echo $cat_left;?> </ul> <ul class="right"> <?php echo $cat_right;?> </ul> |
Kini kategori yang kita tampilkan dapat kita bagi menjadi dua kolom, sehingga kita bisa menghemat ruang sidebar. Contoh tampilan kategori dalam dua kolom bisa dilihat di sidebar blog ini. Semoga bermanfaat.
Artikel yang berhubungan:
Berlangganan Artikel
Dengan berlangganan, anda akan dikirim artikel terbaru blog ini secara lengkap. Masukkan alamat email anda, kemudian tekan tombol subscribe:
Bang Dje (3)
Andriy (2)
Tips Ke... (2)
anton (1)
Arief (1)
Mas, penambahan sniplet diatas tanpa perlu perubahan di file CSS ? emang sih pengaturannya sudah sekalian ya ? atau gimana ? ( ach gak pernah pintar aku..
)
Jelas perlu, kalau tidak maka tampilannya tidak pas (jelek). Sniplet tsb hanya fungsi PHPnya saja.
He…he…iya nich udah dicoba, harus ada penyesuaian pada file cssnya, TQ mas.
Apakah hal tersebut bisa diterapkan pada semua theme wordpress, bagaimana jika theme tersebut memiliki 3 sidebar, tanpa harus memperlebar sheet yang bila dirubah, maka akan mempengaruhi posisi dari widget yang dipasang
Ini cocoknya utk sidebar yang lebar. Kalau digunakan untuk sidebar yang ramping, maka tampilannya justru malah tambah kacau.
Ada tiga pertanyaan :
1. Apakah ini otomatis membagi kategori dalam 2 kolom? Sekarang saya baru punya 7 kategori apakah akan langsung terbagi menjadi 4 cats utk kolom 1 dan 3 cats untuk kolom 2?
2. Bagaimana dengan sub kategori? apakah dihitung sebagai kategori atau sub kategori? (theme saya menampilkan sub cats sebagai kategori)
3. Bagaimana/diamana penamaan Categories 1 dan Categories 2 ? Tentu nama ini adl custom …
1. Otomatis akan terbagi bang. Jika ada 7 kategori, maka akan terbagi menjadi 4 dan 3 utk tiap kolom.
2. Subkategori tidak termasuk. Berarti dihitungnya parent kategorinya.
3. Penamaan tsb terserah sang empunya blog. Di sniplet sudah terdapat contohnya.
terima kasih infonya,
iya saya juga sering lihat yang memanjang kebawah dan kayaknya menjadi kurang menarik. tapi saya kurang paham kalo harus memakai kode-kode seperti yang diatas.
yang penting kita berusaha dulu aja ya.
Stop
Dreaming Start Action
malah bisa di bagi hingga 3 kolom sampai tak hingga kolom(emang bisa ya?) hehehehe… pokoknya sampai 1 column, satu category
GAn nanti kalau dibagi dengan kolom semua gimana bacanya ?
paling tidak kalau kategorinya sudah demikian banyaknya, boleh menggunakan 3 kolom atau lebih. tergantung selera lah. seperti yang saya gunakan pada blog saya.
Trims Mas infonya. Mantap. Btw, kalau komentar saya masuk spam, mohon dikeluarkan ya…Saya gak melakukan spam koq
Thanks. .. Truslah berbagi ilmu mas rismaka
masih pake wordpress[dot]com mas rismaka… Belum bisa ya???
[...] yang serupa sudah saya tulis di RISOFTE dengan judul Menampilkan kategori dalam dua kolom. Di situ saya membahasnya secara lengkap. Silahkan dibaca, dan terapkan. Enjoy [...]
Nanti aja deh kalo kategori di blogku banyak… sementara masih sedikit nih!
aq sudah coba..tapi kok terjadi duplikasi categori ya…apa kode lama dihapus dulu ya Mas??