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

Selepas seminggu sibuk menyiapkan order dari customer untuk khidmat design saya, semalam secara tiba-tiba saya diberikan ilham untuk membuat WordPress theme free. Saya mengambil masa selama 1 malam bersengkang mata untuk menyiapkannya layout design theme ini sebelum dimasukkan ke proses coding XHTML dan CSS.

Progress sekarang 60% dan saya jangkakan ianya akan siap dalam jangkamasa 1-2 minggu lagi untuk dilancarkan. Theme ini masih belum diberikan nama jadi dikesempatan ini, saya ingin memberi laluan kepada anda untuk mencadangkan nama theme ini.

Sila cadangkan nama theme di ruang komen post ini dan nantikan kemunculan nama theme yang anda berikan. Bangga tak?

Dikesempatan ini juga, saya ingin membuat pengumuman mengenai servis untuk design minisite (design layout sahaja-tiada content). Dibahagian page service saya tiada quotation untuk minisite mahupun portfolio saya.

Berikan saya ruang masa untuk update portfolio dan quotation minisite dalam masa terdekat ini. Harga untuk sebuah minisite adalah seperti berikut:-

• Pembayaran melalui Maybank2u: RM 250.00
• Pembayaran melalui Paypal: USD 90.00

Sila ke Service Page Azman untuk order.

p/s: Pemilihan nama theme cadangan anda adalah berdasarkan pertimbangan saya dari segi kesesuaian konsep dan temanya.