Pernahkah anda teringin untuk mempunyai design Wordpress theme anda sendiri? Pastinya pernahkan? Tapi tahukah anda, dengan mengetahui flow yang betul, anda dapat menyiapkan WP theme anda dengan lebih produktif.
Download File Checklist Membina Wordpress Theme (52 kali)

Di sini saya berikan proses-proses membina Wordpress Theme supaya kerja-kerja anda lebih lancar, saya assume anda adalah designer yang mempunyai basic pengetahuan mengenai HTML dan CSS serta mengetahui coding-coding di dalam Wordpress.
1. Design Theme Anda
Langkah pertama anda hanya perlu design theme anda dari scratch dan mulakannya dari melakarnya di atas kertas hingga siap design anda dengan menggunakan program yang anda biasa gunakan seperti Adobe Photoshop atau Illustrator.
2. Slicing dan Optimizing Image
Selepas design anda siap, proses seterusnya adalah slicing dengan menggunakan function slice pada Photoshop atau Illustrator. Optimize gambar-gambar tersebut dengan menggunakan Save For Web feature. Pastikan optimize bermula dari anda slice lagi dengan memeriksa bahagian mana image yang boleh dibuat repeat horizontal mahupun vertical.
3. Mulakan Coding XHTML dan CSS Bagi Layout dan Style
Sekarang anda boleh mula coding ke bentuk XHTML dan CSS. Pastikan coding anda bersih dari mula lagi
supaya kerja anda akan lebih lancar dikemudiannya. Antara yang anda perlu codekan pada layout adalah seperti:-
- Header
- Content/Post
- Sidebar
- Footer
Untuk styling pula adalah seperti berikut:-
- List/Sublist
- Blockquote dan Citation
- Unordered List
- Ordered List
- Links
- Image
- Headings
- Comments
Anda boleh download checklist membina wordpress theme untuk dijadikan reference setiap kali anda ingin membina theme anda sendiri.
Sekiranya anda tidak mahu fikir tentang coding, anda boleh mengupah pihak ketiga melakukannya utk anda.
4.Validate XHTML dan CSS Coding Anda
Pastikan anda berjaya validate kan coding anda supaya theme anda mempunyai coding-coding yang bersih dan tidak cacat. Untuk validate XHTML anda boleh lakukannya di W3C Markup Validation Service manakala untuk CSS pula boleh di buat di W3C CSS Validation Service.
5. Convert ke Wordpress
Selesai anda menyiapkan layout anda di dalam XHTML dan CSS, sekarang anda boleh modify theme anda dengan memasukkan kod-kod Wordpress ke dalamnya. Modify mana-mana kod yang patut supaya ianya kelihatan sepertimana yang anda inginkan.
6. Validate XHTML dan CSS Anda Semula
Lakukan sekali lagi seperti #4. Itulah ukuran kualiti theme code anda, cuba tetapkan standard seperti itu.
7. Publish / Siarkan / Gunakan
Bila sudah siap, terpulanglah kepada anda samada ada anda ingin siarkan secara percuma/berbayar atau anda sendiri yang menggunakannya.
Ada apa-apa yang saya tertinggal? Hantarkan komen mengenai post ini.
Anda suka artikel/post Azman ini? Apa kata belanja dia kopi secawan.