Temukan Rahasia 4 langkah yang akan membuat anda BISA membuat WEB berbasis HTML, PHP & MySQL

Membuat Halaman Single Berwarna-Warni


Mau Cari Informasi tentang Teknologi/Game? Cari Artikel Disini!


Terbit 06.10.2008. Edisi Oct 2008. Sudah ada 12 Komentar.
DHINATACOM

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:

PLAIN TEXT
PHP:
  1. <?php
  2. if ( in_category('1') ) {
  3. echo "<div id='head1'>";
  4. } elseif ( in_category('2') ) {
  5. echo "<div id='head2'>";
  6. } elseif ( in_category('3') ) {
  7. echo "<div id='head3'>";
  8. } elseif ( in_category('4') ) {
  9. echo "<div id='head4'>";
  10. } else {
  11. echo "<div id='head5'>";
  12. }
  13. ?>
  14. <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:






Powered by FeedBlitz
komentar pembaca DHINATACOM
Cah Kontes ≡ 2008-10-06 10:47:26

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? nyerah

ada masukan?

Reply to this comment
Yoki ≡ 2008-10-06 11:07:58

saya belum pernah coba passing parameter category ID mas... masih pake manual :) mungkin kita coba googling dulu deh cari2 infonya :)

Reply to this comment
 
 
fenny ≡ 2008-10-07 10:57:07

intinya memang ada di css...asal ngerti css, teranglah semua permasalahan :D

Reply to this comment
Yoki ≡ 2008-10-07 11:30:47

wah ada mba fenny yang "ajaib"... thank dah mampir hehhe...

Reply to this comment
 
 
zuckh ≡ 2008-10-07 12:30:24

malu aku kok masih binggung yah....?

Reply to this comment
Yoki ≡ 2008-10-07 12:41:48

bingung dibagian mananya mas?? gpp tny aja.. ayuk

Reply to this comment
 
 
benazio ≡ 2008-10-08 11:26:11

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 ..

Reply to this comment
Yoki ≡ 2008-10-08 12:27:57

wah.. satu2 ben blajarnya.. gak bagus jg klo kebanyakan, jd gak fokus

Reply to this comment
 
 
 
Rony Sam ≡ 2009-02-07 16:11:05

Mas aku katrox banget.
Saya coba bikin blog wordpress.
Di mana melihat index.html/php nya?? Supaya bisa mengedit tulisan-tulisan asli bawaan pada wordpress atau pada theme nya??
Oh ya kalo bisa via menu browse pada wordpress??

Reply to this comment
 
 
ibenix ≡ 2009-06-12 01:20:30

ijin praktek mas....ke tkp dolo ah..... ngacir

Reply to this comment
 
Nama (harus diisi)
E-mail (harus diisi - tidak akan ditampilkan)
Alamat Website/Blog Anda. (tidak wajib diisi)

Komentar Anda (smaller size | larger size)
yess . tipi . tendang . sombong . sinchan . sial . senam . nyerah . ngiler . nggaya . nangis . musik . males . love . konslet . kembar . gatau . damn . bye . ayuk . ngacir . nocomment . malu . mimpi . licik . ide . capedeh . cendol . batamerah . salaman . recseller . cekemail . maho . marah . najis . takut . ngacir2 . sundul . janganribut . capedeh2 . nosara . kacau .
Petunjuk komentar:
1. Tolong tulis komentar yang berhubungan dengan topik artikel. Jangan mengirim SPAM!
2. Tag standar HTML yang diperbolehkan:
    <a href> <blockquote> <code> <strike> <strong>
3. Komentar yang tidak berhubungan atau SPAM akan dihapus.
4. Klik gambar emoticon diatas untuk menampilkannya pada komentar Anda.

Catatan: Beberapa emoticon yang ditampilkan merupakan hak cipta dari Kaskus - The Largest Indonesian Community.