Sepertinya makin seru aja nih kegiatan kita utak-atik Themes
WordPress. Dan kali ini saya ingin tunjukkan sebuah jurus lagi untuk
membuat themes anda lebih gaya dan full fungsi. Apalagi kalau bukan
custom background. hehehe..
Walaupun hasil akhirnya nanti sangat keren, tapi bikinnya ternyata gampang banget. Bahkan cuma perlu edit 1 file doang. Apalagi kalau bukan file functions.php yang selama ini sudah menemani kita dalam mempercanggih tampilan blog. Apa sih kode rahasianya? Nih, copy dan paste ke functions.php anda ya
Hah? cuman gitu doang mas? Trus apalagi yang diedit?
Karena background itu dimana-mana cuma ada satu, jadi kita ndak perlu ngasih tahu WordPress dimana backgroundnya hehehe.. Dia sudah cukup cerdas untuk menebaknya.
Tapi setelah saya coba, ternyata ada masalah nih dengan theme kita saat kita pasangin fungsi ini. Masalahnya yaitu, background bagian dalam ikut-ikutan berubah warna. Maklum, kemarin waktu bikin kita ndak ngisi dengan warna sehingga dianggap transparant. Nah, kita perbaikin yuk.
Buka style.css dan cari kode ini:
lalu kita tambahin deh kode warna latar belakang untuk tulisannya, misalnya putih sehingga jadinya seperti ini:
Yuk, kita lihat bagaimana hasilnya sekarang setelah kita rubah backgroundnya dengan warna coklat misalnya
Walaupun hasil akhirnya nanti sangat keren, tapi bikinnya ternyata gampang banget. Bahkan cuma perlu edit 1 file doang. Apalagi kalau bukan file functions.php yang selama ini sudah menemani kita dalam mempercanggih tampilan blog. Apa sih kode rahasianya? Nih, copy dan paste ke functions.php anda ya
- add_custom_background();
Karena background itu dimana-mana cuma ada satu, jadi kita ndak perlu ngasih tahu WordPress dimana backgroundnya hehehe.. Dia sudah cukup cerdas untuk menebaknya.
Tapi setelah saya coba, ternyata ada masalah nih dengan theme kita saat kita pasangin fungsi ini. Masalahnya yaitu, background bagian dalam ikut-ikutan berubah warna. Maklum, kemarin waktu bikin kita ndak ngisi dengan warna sehingga dianggap transparant. Nah, kita perbaikin yuk.
Buka style.css dan cari kode ini:
- #wrap {
- border:solid 1px #000;
- width:900px;
- margin:0 auto;
- padding:10px;
- }
- #wrap {
- border:solid 1px #000;
- width:900px;
- margin:0 auto;
- padding:10px;
- background:#ffffff;
- }
Tidak ada komentar:
Posting Komentar