Sudah lama ingin membuat tutorial ini, selalu bentrok dengan malas dan keterbatasan inspirasi
, namun sekarang lah saatnya, kita mulai dari yang paling dasar, semangat!!.
Asumsi awal, kita telah mempunyai 1 (satu) halaman template (.html) yang siap dikonversi menjadi theme wordpress. Nah, sebelum ke teknis bagaimana membuat theme tersebut sebaiknya kita bahas terlebih dahulu tentang struktur direktori dari theme wordpress itu sendiri.
Wordpress memiliki struktur direktori theme yang cukup mudah dimengerti, wordpress menyimpan semua file-file theme kedalam satu direktori yang ditempatkan di bagian wp-content -> themes. Jadi jika kita akan membuat satu theme buat satu direktori (contoh : 2133), kemudian simpan di direktori themes.
Sedangkan di dalam direktori theme itu sendiri setidaknya memiliki file-file berikut ini :
functions.php, file ini pun adalah bagian yang sering digunakan kembali.Untuk lebih lengkapnya (tentang struktur theme wp) bisa dibaca di wordpress codex, site architecture dan template hierarchy. Selanjutnya kita langsung lakukan langkah-langkah berikutnya :
Step 1
Buat folder theme yang akan kita buat, salin file html (dan kelengkapannya) ke folder tersebut. Kemudian buat 10 (sepuluh) file yang disebutkan diatas (file kosong pun tidak masalah).
Step 2
File css yang telah dibuat, sesuaikan dengan ketentuan Wordpress -rename menjadi style.css. Kemudian di baris paling atas tambahkan komentar berupa informasi theme yang akan dibuat. Contoh :
1 2 3 4 5 6 7 8 | /* Theme Name: t-simple Description: 2 Column, CSS, xHTML, JQuery. Version: 0.1 Author: Asep Sufyan Tsauri Author URI: http://www.tsauri28.myhaley.com/ */ /* css-nya dilanjut disini */ |
Komentar ini akan dibaca oleh engine sebagai informasi utama theme.
Step 3
(sementara bersambung dulu ya.. )
Hormat Saya,
Nice artikel, padahal susah banget buat template he…he….
butuh waktu untuk supaya bisa saya hanya bisa ubah didikt aja
mampir ya ke blog saya
— 17 February 2009Kang, tiasa lebih di ‘make it easy’….hehe.. training atuh Qt2.diantoz
— 24 February 2009It’s great…
— 24 February 2009Akhirnya saya menemukan juga tutorial buat bikin templet wordpress…
nuhun sep,,
— 8 March 2009Salam akhi,
untuk blogspot biar punya theme dan ada background yang berwarna sehingga lebih menarik gimana ya?
Wassalam, Yaya’
— 2 December 2009salam kenal, terusannya kalo udah di buat saya ingin secepatnya tahu, jgn setengah2 donk kklo mau ngasih ilmu heheheheeheh, punteun ah
— 10 March 2010Tag-tag yang diizinkan : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>
tsauri28
@Rijal Fahri : Sudah mampir mas.. selamat berjuang di Asian Brain !
@AnZhu : Insyaallah, tulisan kedepannya akan diusahakan untuk “lebih manusiawi”. Maklum masih belajar menulis…
— 26 February 2009