Membuat Theme WordPress – Bag 1
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 :
- style.css
Ini untuk menyimpan style untuk theme kita. Tetapi ada hal yang penting disini, nama file harus tetap style karena engine wordpress hanya membaca nama file tersebut, kemudian di dalam file ini harus disimpan juga informasi tentang theme (akan dibahas selanjutnya). - screenshot.png
Adalah file gambar yang akan dibaca oleh engine WP. - index.php
File yang pertama kali akan di-render, biasanya untuk halaman utama blog. - functions.php
File yang berisi fungsi-fungsi yang ada pada theme kita, seperti fungsi untuk pengaturan widget, panel dan sebagainya. - header.php
File ini menyimpan header theme kita. Yang saya maksud header disini adalah bagian yang sering digunakan kembali dibagian lain (index, single, page, dsb). - sidebar.php
File ini akan ditempatkan sebagai sidebar blog kita. Pengaturan agar terhubung dengan widget terletak di filefunctions.php, file ini pun adalah bagian yang sering digunakan kembali. - footer.php
File untuk footer blog. - single.php
Adalah file untuk halaman detail sebuah posting. - page.php
Adalah file untuk halaman detail sebuah page. - comments.php
File untuk menyimpan list komentar dan form komentar.
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
http://blog.watches-collections.com
Kang, tiasa lebih di ‘make it easy’….hehe.. training atuh Qt2.diantoz
It’s great…
@Rijal Fahri : Sudah mampir mas.. selamat berjuang di Asian Brain !
@AnZhu : Insyaallah, tulisan kedepannya akan diusahakan untuk “lebih manusiawi”. Maklum masih belajar menulis…
Akhirnya saya menemukan juga tutorial buat bikin templet wordpress…
nuhun sep,,
makasih bozz tutorialnya. lebih ngerti saya pake tutorial punya situ
@neyra: Sama2, mudh2an bermanfaat dan mudah diaplikasikan
Nice artikelnya, salam kenal
thank mas
jangan lupa mampir ke blog saya..
http://funsmedia.co.cc
mampir juga ke blog sya ya mas2 semua..
http://funsmedia.co.cc/
Salam akhi,
untuk blogspot biar punya theme dan ada background yang berwarna sehingga lebih menarik gimana ya?
Wassalam, Yaya’
salam kenal, terusannya kalo udah di buat saya ingin secepatnya tahu, jgn setengah2 donk kklo mau ngasih ilmu heheheheeheh, punteun ah
ah pusing mas .
musing juga nih
mampir ya http://anomian.wordpress.com/
tapi sekarang udah tool untuk membuat theme hanya dalam hitungan menit kita bisa menyelesaikan 1 buah theme namanya Artisteer cara memakainya pun tidaklah susah kita tidak perlu harus pintar dalam membuat kode HTML, PHP maupun CSS karena untuk memulainya kita sudah diberikan menu pilihan yang sesuai seperti bagaimana caranya mengatur background sidebar dan yang lainnya.
Salam kenal!, ya betul sudah ada tool seperti itu, tapi saya belum kuat membayar lisensinya, jadi masih hardcode deh
wah belum punya waktu buat nyoba nih, padahal lg pengen. aku bookmark dl deh.
terima kasih, ditunggu diskusinya
salah satu article tutorial tbaik yg saya temukan
makasi stepnya..sy mw lanjut part 2 nya
Lanjutannya mana
ahh bingung buat themes,pake yg gratispnya orng ae lah
makasi gan,,,biarpun berambung tpi ttp asek…wkakaka
he he numpang belajar
susahnya minta ampyuun suer
http://www/proghita.com juga belum beres
Saya ketemu tutorial yang mungkin dapat membantu di
http://www.wpdesigner.com/2007/02/19/so-you-want-to-create-wordpress-themes-huh/
ehem.. kalau bisa di translate bagus kang
tips2nya sangat bermanfaat akan sya cba,,trima ksh dan slm kenl
Salam kenal kembali
terusannya sudah ada ya kang ?…. bagus nih artikelnya
Sambungannya mana bos?
[Bertanya]:
Maaf gan mau tanya, boleh ndak kalo kita melakukan editing tema yang sudah ada? apakah itu tidak melanggar hak cipta. terima kasih. mau coba-coba bikin tema sendiri tapi nda 100% dari awal coz belum bener2 paham, pengen bikin juga cms sederhana sendiri.
NICE INFO,SALAM KENAL BANG. . . .