May 4 / EiNS

Tips mengubahsuai theme wordpress yang anda harus tahu

Ok, kali ini sedikit tutorial mengenai wordpress, php dan x/html. Ianya mungkin berguna jika anda menghadapi beberapa masalah ketika sedang edit theme wordpress. Anda mungkin terjumpa beberapa theme wordpress yang menarik tetapi sayangnya ia mempunyai beberapa kecacatan seperti paparan kategori yang berserabut, tiada fungsi gravatar, colour scheme yang kurang tepat dengan minat anda, emoticon tidak transparent, tiada navigasi antara page dan sebagainya.

Berikut merupakan beberapa tips untuk menangani masalah2 berikut. Saya amat berharap sedikit sebanyak tips ini dapat membantu anda dalam proses pengubahsuaian theme nanti.

1. Mengubahsuai limit kategori yang dipaparkan pada header

Terdapat sesetengah theme yang memaparkan kategori2 post dalam blog anda di bahagian header. Akan tetapi secara default, ruang untuk memaparkan kategori2 itu biasanya membenarkan beberapa kategori sahaja untuk dipaparkan. Jika blog anda mempunyai banyak kategori, maka lebih banyak kategori2 itu dipaparkan di bahagian header dan tentunya mencacatkan appearance theme blog.

Untuk mengubahsuai limit kategori, buka wp admin > dashboard > appearance > editor > header.php. Cari line berikut.

<?php wp_list_categories('title_li='); ?>

Dan gantikan dengan kod ini pula. Php function tersebut bertujuan untuk list 10 kategori yang paling banyak digunakan didalam blog anda. Anda boleh gantikan value number=xx dan untuk tukar value 0 kepada 1 pada variable show_count untuk menunjukkan bilangan post yang menggunakan kategori tersebut.

<?php wp_list_categories('number=10&show_count=0&orderby=count&order=DESC&title_li=') ?>

Selepas edit, save pula. Cuba preview theme anda. Baguskan result dia!

2. Mengubah colour scheme

Setengah theme mempunyai design yang menarik tetapi malangnya warna yang digunakan tidak sesuai dengan minat anda. Atau anda berasakan warna yang digunakan itu tidak cantik dan mencacatkan kesempurnaan theme tersebut. Jangan bimbang kerana anda boleh menukar warna2 dalam theme tersebut tanpa perlu anda edit apa2 file atau menambah kod2 yang boleh memeningkan kepala anda.

Memperkenalkan plugin theme tweaker untuk wordpress, kini anda boleh mengubah warna2 asal theme wordpress dengan senang. Selepas edit warna anda boleh preview atau generate child theme dari theme asal.

Download plugin theme tweaker di sini. Untuk mengenalpasti warna2 dalam theme wordpress anda boleh gunakan extension colorzilla untuk firefox.

3. Emoticon/smiley mempunyai border dan terapung (alignment tidak sama dengan text)

Banyak theme yang saya cuba mempunyai masalah emoticon mempunyai border dan kedudukan yang tidak sekata dengan text. Ianya membuatkan theme yang menarik kelihatan sedikit cacat. Contohnya seperti di bawah.

Untuk fix masalah ini, buka wp admin > dashboard > appearance > editor > stylesheet.css. Tambah kod dibawah ini kemudian save.

img.wp-smiley {
border:0;
}

Untuk membuang margin dari emoticon bagi membuatkan ianya sekata dengan text, tambah kod ini.

img.wp-smiley {
margin:0;
padding:0;
}

Anda boleh refer post cyberfly mengenai cara detail membuang border pada emotikon wordpress di sini.

4. Gravatar

Terdapat beberapa theme yang tidak mempunyai fungsi gravatar, iaitu icon bagi sesetiap commentator di blog. Bila sesuatu theme itu tiada fungsi gravatar tentulah theme itu menjadi kurang ‘cun’ sedikit. Untuk menambahkan fungsi gravatar anda boleh menggunakan plugin wp gravatar.

Download plugin wp gravatar di sini.

5. Menambah navigasi page

Terdapat wordpress theme yang tidak mempunyai page navigation, ataupun mempunyai page navigation yang tidak berfungsi sebagaimana yang anda mahu. Penyelesaiannya install plugin wp page navi dan gunakan page navigation baru yang lagi cool dari yang asal.

Tutorial lengkap boleh refer tutorial cyberfly di sini.

6. Menambah threaded comment

Fungsi threaded comment (atau nested replies/comments) baru saja diperkenalkan dalam teras wordpress 2.7. Oleh itu, sesetengah theme sahaja yang menyokong fungsi teras threaded comment wordpress 2.7 ini manakala theme2 lain tidak dapat menggunakan fungsi threaded comment.

Untuk menambah fungsi threaded comment pada theme yang tidak menyokong fungsi baru wordpress 2.7, anda boleh gunakan beberapa plugin berikut seperti WP threaded comment dan Brian’s threaded comment.

Download wp threaded comment, brian’s threaded comment.

Jika anda ada pertanyaan sila komen ya! Penat dah tulis panjang2 ni :)