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

Saya tunggu seri selanjutnya.. Oya terimaksaih dah ngasih link ke artikel saya.
Ssma – sama. tadinya saya ingin buat sendiri TUtorialnya tapi tidak terkejar. jadi “nebeng” saja lah.
Lanjut ke posting selanjutnya sambil menunggu unduhan selesai
kita coba nih… jadi gak nih themes saya
Hehe, silahkan di coba Kang
ditunggu artikel selanjutnya
Sudah lengkap kok tutorialnya. Ada 8 post tentang membuat theme sendiri ini. Ikuti link “Selanjutnya” saja
salam kenal bro….ijin belajar ahh…..
Wehee bOs gak Ada sOfTwaareNya TahhH ????
BagI BagI sOfTwareNya jacHh bos ????:D
BOs JngN Lupa LiNk BLoG saYa yachhHh ….. heheh
Salam kenal juga
Silahkan kang, senang bisa memberikan apa yang saya ketahui
generator theme maksudnya? saya kurang suka menggunakan generator sih, jadi belum “mencari – cari” yang seperti itu. Lebih senang yang manual, lebih bisa di-customized
wah ternyata sulit juga ya buatnya…………..:)
link balik ya mas
sangat bermanfaat sekali artikelnya…
Salut and thx
Saya mau tanya satu hal. Kalo sudah pake XAMPP apa tidak perlu lagi pake APACHE ataukah untuk bisa pake XAMPP harus install APACHE lebih dulu?
XAMPP dan Apache fungsinya sama. Salah satunya saja yang diinstall.
Thanks. Saya akan coba.
Tolong rekomendasikan petunjuk install Wordpress di komputer. Link tutor diatas failed!.
Ok. Sudah saya cek, blog disananya memang sedang ada masalah. Untuk cepatnya bisa anda googling dengan topik yang sama. Namun insya Allah saya akan membaut versi saya sendiri juga
kaya nya agak ribet juga y,,,,
ada cara yg lebih mudah gk??
kalo buat blogger gmn?
Kalau mau yang agak praktis untuk wordpress, bisa coba generator theme. Cukup masukkan spesifikasi theme yang kita inginkan, dan tralala! otomatis di buat code-nya. Hanya saja, agak kurang fleksibel sih. ANda bisa coba salah satunya di:
http://www.yvoschaap.com/wpthemegen/
Kalau blogger belum di pelajari sih
kang..
link yg “Tutorial lengkap untuk menjalankan Wordpress pada PC anda, baca halaman ini.”
ko suspended?gmn cara install nya dumss?
@Cheuw
Wah, di suspend y? Saya baru tahu kalau blog yang saya referensikan di suspend, punten y
Download sorfware wordpress disini: http://wordpress.org/download/ setelah itu, ekstrak
Pertama, install XAMPP (apache server) di PC anda. Tutorialnya bisa anda lihat disini: http://bloggingly.com/tutorial-cepat-dan-sederhana-langkah-langkah-installasi-wordpress-di-komputer-lokal-menggunakan-xampp/
Copy file wordpress yang sudah di ekstrak tadi ke folder htdocs XAMPP. Jika anda menggunakan settingan default, maka folder tujuan anda adalah C > XAMPP > htdocs
nyalakan XAMPP anda.
buka browser, akses url http://localhost/wordpress
Sisanya, 5-minute-instalattion nya wordpress
Selamat mencoba. Semoga berhasil y
yang rinci donk tutorialnya
@budi
rinci yang seperti apa?
thank you mas,saya tunggu seri selanjutnya ya mas,lw bisa nti di kirim ke email aku ya mas…
walah…. kirain di sini tutorialnya ternya di tempat lain yach…
Asslam.. wr.wb.
Trima kasih informasinya, dan maap sebelumnya, bisa add saya ndak mas fikri, mau konsultasi tentang blog dan sejenisnya… sekali lagi terima kasih atas izinnya,
Wasslam.. wr.wr.
@ummi
di add facebook page-nya bloggingly saja bu: http://www.facebook.com/pages/Bloggingly/40774798797
kita diskusinya disana nanti
lam enal bro ikut belajar y brow ?
link cara menjalankan Wordpress pada PC
kok ngak bisa di buka y bos ?
mohon pencerahan?
Boss dari XAMM saya sudah upload tapi tidak hasilnya … kalo mo melihat file yang diupload wordpress dimana trims
Bisa diterima tapi.. sulit bnget deh kayakny…
Terima kasih mas ya tutorialnya bagus sekali.
Boleh tanya.. ya.. Bisa tidak xampp diganti dengan appserv, soalnya di kompi terlanjur install appserv.
wuuuiiih belajar lagi
hoi……………..mas tolong juga gue dong………..
pengetahuan tentang ngedit Blog Nol Banget nih ?
@aris
Yup, silakan dibaca-baca dulu aja beberapa posting kami yang berkaitan dengan pengembangan wordpress. Nanti jika ada yang ingin ditanyakan lebih lanjut bisa hubungi kami