Membuat Halaman Single Berwarna-Warni
Sedikit curhat.. beberapa minggu yang lalu saya kembali memperbarui beberapa bug pada theme WordPress yang saya gunakan sekarang. Terutama pada penulisan CSS yang tidak valid. Setelah saya lihat-lihat dan perhatikan lagi.. sepertinya ada beberapa bagian yang kurang sesuai dengan tema yang saya pakai sekarang yaitu tampilan ala Majalah TI.
Biasanya majalah manapun akan membuat corak desain halaman yang berbeda untuk masing-masing rubrik. Paling tidak, warna tulisan dan latar halaman yang muncul pada rubrik yang satu akan berbeda dengan rubrik yang lainnya. Sedikit putar otak akhirnya saya temukan juga solusi untuk membuat halaman permalink yang dapat berubah warna sesuai dengan kategori yang telah ditentukan.
Cukup dengan memanfaatkan perintah If pada PHP dan in_category milik WordPress, kita dapat menyuruh WordPress untuk memeriksa kategori dari permalink yang dibuka oleh pengunjung kemudian menampilkan warna yang telah kita definisikan terlebih dahulu pada CSS. Agar tidak bingung silahkan download terlebih dahulu mini theme WordPress buatan saya :). Theme tersebut hanya contoh, jadi jangan gunakan pada blog Anda karena sama sekali gak ada bagus-bagusnya :).
Screenshot tampilan permalink dari berbagai kategori yang berbeda bisa Anda lihat dibawah ini (mudah-mudahan ImageCows.net gak down lagi) :
Definisi warna telah diatur oleh file Style.Css. Pada file Single.php, kunci dari pengatur warnanya adalah skrip ini:
-
<?php
-
if ( in_category('1') ) {
-
echo "<div id='head1'>";
-
} elseif ( in_category('2') ) {
-
echo "<div id='head2'>";
-
} elseif ( in_category('3') ) {
-
echo "<div id='head3'>";
-
} elseif ( in_category('4') ) {
-
echo "<div id='head4'>";
-
} else {
-
echo "<div id='head5'>";
-
}
-
?>
-
<h3><?php the_category(","); ?></h3></div>
Angka 1 pada in_category('1')merupakan ID dari kategori tersebut. Pada saat permalink diakses pengunjung, skrip akan memeriksa apakah artikel tersebut berada pada kategori dengan ID 1, jika benar maka style dengan ID “Head1″ akan digunakan, jika tidak maka skrip akan
kembali memeriksa apakah artikel berada pada kategori dengan ID 2, jika benar maka maka style dengan ID “Head2″ akan digunakan, begitu seterusnya.
Jika artikel bukan berasal dari kategori dengan ID 1, 2, 3, dan 4 maka style yang digunakan adalah “Head5″. Itulah sebabnya kenapa warna latar kategori 4 dan 5 sama-sama warna hijau karena warna untuk kategori 5 tidak didefinisikan. Begitu juga untuk kategori 6, 7, dan 8 akan secara otomatis menggunakan style dengan ID Head5.
Agar tidak bingung contoh nyatanya bisa Anda lihat langsung pada bagian atas halaman artikel diblog ini.
Selamat mencoba…
Artikel Terkait:
≡ Blogger Paling Berpengaruh Di Indonesia by Ridwan Hidayat
≡ Cara Jadi Jago Main Winning Eleven/PES by Yoki Dhinata
≡ Klarifikasi Artikel PES 2008 PC di Majalah Winning Eleven Vol 7 by Yoki Dhinata
≡ Jika Google Mengatur Dunia by Yoki Dhinata
≡ Preview Spesifikasi Nokia N97 by Yoki Dhinata
Pasang Iklan . Testimonial . Mobile DHINATACOM . Contact Info . Privacy Policy DHINATA.COM © 2008 oleh Yoki DHINATA. Hak Cipta Dilindungi.
My Copyright Is Not Your Right To Copy. Didukung oleh Wordpress.
yok, gimana caranya passing parameter category ID supaya kalo kita pny banyak kategori, kita ga perlu tulis satu2?
ada yg nyaranin saya pake single_cat_title, tapi kok ga kluar category IDnya yah?
ada masukan?
saya belum pernah coba passing parameter category ID mas... masih pake manual :) mungkin kita coba googling dulu deh cari2 infonya :)
intinya memang ada di css...asal ngerti css, teranglah semua permasalahan :D
wah ada mba fenny yang "ajaib"... thank dah mampir hehhe...
bingung dibagian mananya mas?? gpp tny aja..
wahaha nice nice nice boleh jugaa .. sekarang gue lagi belajar java script, ama coding flash nih, kampus belajar C++, pengen bisa PHP, ama coding2 Database nih katanya perlu buat kerjaan ato apalah hehe ..
wah.. satu2 ben blajarnya.. gak bagus jg klo kebanyakan, jd gak fokus