Nov 6, 2008
Tutorial Cara Membuat Theme WordPress Sendiri ( Langkah #0 : pendahuluan, serta tools – tools yang dibutuhkan )
oleh Fikri
Pendahuluan Tutorial Cara Membuat Theme WordPress Sendiri
Ok. Kami yakin topik “Tutorial Cara Membuat Theme WordPress Sendiri” ini dibutuhkan banyak orang. Karena meskipun banyak theme dengan kualitas premium bertebaran secara gratis di luar sana, permasalahnya hanya satu : Setiap orang memiliki selera masing – masing. Dan meskipun bagus, belum tentu theme gratis tersebut cocok untuk anda. Betul begitu?
Hal yang menjadi tantangan untuk kami dalam membuat tutorial ini adalah kenyataan bahwa tidak semua pembaca tutorial ini memiliki dasar – dasar mengenai web design dan web developing yang mana keduanya merupakan hal yang dibutuhkan dalam membuat theme wordpress. Rumus sederhana membuat Theme WordPress :
WordPress Theme = XHTML + CSS + tag-tag PHP untuk memanggil fungsi WordPress + Javascript ( untuk efek2 tertentu )
Maka dari itu, kami akan berusaha semaksimal mungkin untuk menjelaskan semua aspek dalam membuat WordPress Theme. Sedetil mungkin, sepengetahuan kami, dalam bahasa yang semudah mungkin. Ok, kenyataan bahwa membuat theme itu agak sulit memang benar, namun jika anda mempelajarinya dengan tepat, pasti bisa. buktinya ada banyak sekali orang yang bisa membuat theme wordpress sendiri kan?
Tools yang dibutuhkan untuk membuat WordPress Theme sendiri
hal – hal yang kita butuhkan untuk membuat WordPress Theme kita sendiri :
- WordPress Theme yang terinstal dan dapat berjalan secara lokal di komputer anda.
- Editor untuk mengedit source code
- Software untuk image editing.
Engine WordPress yang terinstal dan dapat berjalan secara lokal di komputer anda.
maksudnya adalah komputer anda berperan sebagai server dan ada engine wordpress yang terinstall di server komputer anda. Jadi anda tidak perlu terkoneksi ke internet : Nyalakan PC anda, Nyalakan program server di komputer anda, buka browser, dan akses localhost. Gunanya? agar proses pengeditan berjalan cepat, dan anda tidak mubazir Bandwith.
- Untuk melakukan ini, download XAMPP, software yang akan membuat PC anda mampu bekerja sebagai server ( download yang installer ) disini lalu install pada PC anda
- Download versi terbaru dari WordPress disini
Tutorial lengkap untuk menjalankan WordPress pada PC anda, baca halaman ini.
Editor untuk mengedit Source Code
Website tersusun atas code. baik itu HTML, CSS, JavaScript, kesemuanya adalah kode. maka dari itu anda membutuhkan Software editor kode.
Sofware Editor Code :
- Macromedia Dreamweaver. bagus untuk pemula karena ada fitur autocompletenya. Seperti Google Suggestion namun untuk kode lah. Pewarnaan code juga cukup membantu sih. Saya pribadi dulu menggunakan software ini saat awal – awal belajar web developing. Masalahnya adalah : software ini cukup berat dan berbayar.
- NotePad ++ . jika anda kesulitan mendapatkan DreamWeaver, gunakan Notepad ++ saja. Gratis, ringan, dan bekerja dengan baik. Download NotePad ++ disini, lalu install
Software untuk image Editing
Software untuk mengolah gambar. Well, sepertinya tidak perlu dijelaskan lagi : Adobe PhotoShop dan CorelDraw.
Ok, langkah pendahuluan dan tools yang akan kita butuhkan cukup sampai disini. Berlanjut di post selanjutnya.
Ada pertanyaan? atau Ada langkah yang kurang jelas? Atau mungkin ada yang terlewat? izinkan kami mengetahuinya. silahkan sampaikan pandangan anda melalui kolom komentar
Enjoy!
P.S. :
Ngomong – ngomong, untuk mengetahui lebih jauh, ini alamat website tempat saya mempelajari cara membuat Theme WordPress. ( in English ) : WpDesigner.com
Selanjutnya : Langkah #1 : Memahami Sturktur File WordPress Theme
Dapatkan update harian bloggingly GRATIS di RSS Reader anda! Subscribe sekarang RSS FEED BLOGGINGLY !
Apa itu RSS? Kenali RSS di halaman ini

Tutorial Cara Membuat Theme WordPress Sendiri ( Langkah #6 : Merapihkan Styling CSS ) | KODE KOMPUTER bilang,
[...] Langkah #0 : Pendahuluan, serta tools – tools yang dibutuhkan [...]
on 23 Dec 2010 / 20:49
ozimovic bilang,
thanks artikel nya bro
on 19 Jan 2011 / 09:35
Amri bilang,
Lanjut ke step erikutnya gan… :away:
on 20 Jan 2011 / 23:23
Babay bilang,
Mas, Tutorial lengkap untuk menjalankan WordPress pada PC, link’a kok error!!!
Tolong yah!!!
on 14 Mar 2011 / 08:53
ghe bilang,
baca ke langkah selanjutnya dulu ahhhh
on 18 Mar 2011 / 00:35
Nama bilang,
Pas banget nih dg yg sy cari, kebetulan sy mau utak-atik theme gratisan yg sy pake….!
on 31 Mar 2011 / 19:33
jenkrenny bilang,
mua nya di ajarin, maklum gaptek. Tp pgn bisa he3
on 12 Apr 2011 / 14:19
chychyn bilang,
WordPress Theme = XHTML + CSS + tag-tag PHP untuk memanggil fungsi WordPress + Javascript
itu semua ada di mana sih?
on 20 Apr 2011 / 13:26
felisyayanti bilang,
Bang Fikri, ada ga’ software lain yang bisa digunakan agar komputer kita bisa menjadi server? Di PC saya sdh ada Software Macromedia Dreamweaver 8. Bisa ga’ yaaa?
on 20 Apr 2011 / 17:48
Klopototolia TJ bilang,
thanks yah mas admin, saya berterimah kasih sekali karna saya ingin sekali mengedit template blog sendiri,…
Salam semoga sucess.
on 27 Apr 2011 / 00:03
PPOB BNI bilang,
mantap infonya gan….tapi untuk membuat theme Wp kan bisa menggunakan artister gan malah mungkin lebih simple
on 08 May 2011 / 12:07
boby kurniawan bilang,
Cuma mau ngasih saran , ada cara yang lebih mudah untuk membuat thema wordpress . http://vhenfamz.com/?p=28
on 26 Jun 2011 / 08:33
Mengenal Tentang Busana Batik bilang,
tips2nya sangat bermanfaat akan sya cba,,trima ksh dan slm kenl
on 16 Aug 2011 / 13:29