Ayo buat themes wordpress sendiri!
Bosan dengan theme wordpress yang jumlahnya begitu banyak, mari kita membuat theme wordpress sendiri. Mumpung liburan tahun baru, saya akan menerjemahkan bagaimana membuat theme wordpress oleh WP Designer. Saya sudah meminta ijin kepada pemilik tulisan tersebut untuk menerjemahkan seluruh tulisan tersebut dengan gaya saya sendiri. Mudah-mudahan tidak dicopy paste seperti pada tulisan ini yang mencomot tulisan saya ini tanpa menyebutkan sumbernya.
Tutorial di topik ini mungkin sudah tertulis sebelumnya di situs WordPress juga bisa menjadikan pedoman anda untuk mengikutinya. Akan tetapi, apakah pedoman tersebut bisa membantu anda ketika anda tidak mengerti istilahya? Malahan saya lebih bingung membaca pedoman wordpress tersebut. Mudah-mudahan dengan penerjemahan ke Bahasa Indonesia tidak membuat pembaca semakin bingung
Peralatan – sebelum anda memulai, anda membutuhkan:
- WordPress yang sudah terinstall di komputer anda. Ikuti instruksi bagaimana menginstall wordpress di localhost windows XP oleh Udienzβ’ gitu, Isnaini, maupun nambongo. Pilih yang anda anggap paling mudah. Jika anda tidak bisa menginstall di komputer anda apapun alasannya, jangan khawatir, install saja wordpress kosongan di situs anda yang mendukung php dan mysql.
- Notepad++ atau teks editor lainnya. Saya menyukai notepad++ karena bisa memunculkan warna-warni yang berbeda-beda pada tiap-tiap tag php maupun html, disamping itu notepad++ mempunyai lisensi GPL yang mengijinkan kita bebas untuk mengunduhnya.
- FileZilla FTP client – Jika anda akan mengetes theme secara online, saya menyarankan agar anda untuk mengunduh dan menginstall FileZilla FTP client atau FTP client lain untuk mengupload file-file theme anda. Saya juga menyukai FileZilla ini karena gratis dan memiliki lisensi GPL.
- Bookmark XHTML Validator dan CSS Validator. Anda akan membutuhkan peralatan ini untuk memvalidasi theme anda. Mereka juga datang dengan catatan ketika anda membutuhkan untuk memperbaiki kesalahan.
Daftar komplit tutorial:
#1 Pengenalan
#2 File-file template dan template
#3 Memulai Index.php
#4 Template Header
#4b Template Header Lanjutan
#5 Perulangan
#5b Isi
#5c Postmetadata
#5d Else, Post ID, Link Judul
#5e Posts Link Navigasi
#6 Sidebar (dan Categories)
#6b Daftar Link Page(wp_list_pages)
#6c Get Archives dan Tautan
#6d Search Form dan Kalender
#6e Membuat widget Sidebar
#7 Footer
#8 Bagaimana memvalidasi
#9 Style.css dan Perkenalan CSS
#10 hex Codes dan Styling Links
#11 Lebar dan Floats
#12 Post Formatting and Macam-macam
#13 Styling Sidebar
#14 Footer dan Membagi Index
#15 File Sub-template
#16 Template Komentar
Comments
wah info yang menarik neh, soalnya udah lama banget pengen buat theme sendiri, tapi sampe sekarang belum kesampaian
Aduh, thax banget mas. artikel saya jd refernsi
Sorri buat semuanya, mungkin baru beberapa minggu lagi akan saya selesaikan semua terjemahannya.. Awal tahun jan sibuk tenan ki.. <:-p
wah, mantaps…
kayaknya kalo dah jadi, bakal jadi tutorial terlengkap…
bagus kalo dijadikan buku… (apa sudah rencana?)
semoga lancar ya…
woww.. perjalanan masih panjang. Ternyata baru selesai 3 dari 16. Ntar bikin bukunya aja kalo dah jadi semuanya π
#9: Huehehehehe… doakan ya..
#10: Kalo mau dibuat buku sebaiknya saya minta ijin kepada pembuat tulisan tersebut atau hanya mencantumkan ke Daftar Pustakanya ya? Mau nerusin lagi gak mood, banyak tugas dari kantor.. :((
keren bos, semoga cepet selesai ya terjemahannya π
Kalo tutorialnya sambung menyambung menjadi satu semacam ini, lebih baik install plugin dulu aja mas. Plugin buat posting berseri. Aku pernah nemu orgseries, tapi belum pernah coba. Ntar aku coba kalo aku buat tulisan berseri, saat ini belum kepikiran ke arah sana. Kalo pake plugin inysaALlah akan jadi lebih indah π
Piye gam carane install? Aku dah nyoba malah kaco blogku ini.. π
Perjalanan masih panjang…. Masih 20 artikel lagi yang kudu diterjemahin…#-o
I want to make my own themes my friend told me this website but I don’t know how :(( I’m a o=>
tutorialnya sangat membantu, berrikutnya
lanjutannya mana bos??? π
Belum habis lagi tutorialnya.. hehe..
#nasrun: maaf, belum sempat melanjutkan tutorialnya. Saya sibuk kuliah, mungkin Insya Allah jika ada kesempatan minggu tenang akan saya teruskan.
trimss…boleh saya bookmark mas..???biar isa dibca kapan aza..
#Denny: Silakan… bebas kok.. asal jangan dibuat buku tanpa seijin penulis aslinya.. ;))
kalao tutorial mengedit theme yang sudah ada gmn?
bisa dibantu nda
nice and cool brother
cool and nice brother
wakakak
salam kenal
nice article
wah makasi tipsnya yaa…
Assalamualaikum
Insyaalaah kebaikan menyertai orang2 yang suka berbagi ilmu. Kalo PNS di negara ini seperti anda, tentu negara ini akan menjadi jauh lebih baik
u re the best…
Wassalamualaikum.
aduh.. pengen banget tapi pas di klik link nya koq ga da isinya :((
#cuiwell : link sudah diubah.. silakan dibuka lagi dan kunjungi terus blog ini π
Om.. seri 10 sampe 16 koq belum ada. tolong secepatnya dibuat yah. soalnya ane mau ngumpulin duloe serinya…
https://histla.com/smilies/yahoo_bigsmile.gif
@Mail : Insya Allah saya selesaikan.. itu kalo sempat dan koneksi tidak rewel lagi kayak kemarin.. π
thank’s tutor nya, tapi ada ga yang lebih gampang bikin theme misal pake dreamweaver gitu?
wah, keren nih.Lanjutin terus tutorialnya, dan sekali-sekali kasih cara mudah donk.
wooow keren sobat, terima kasih.. bermanfaat sekali,
kalo ada theme-theme gratis yang full.
terima kasih.
wew..komplitnyaa..
susah susah nyari lewat oom google skrg nyasar kesni dari blog tmn,dapet ilmu ini..
segera dibookmark buat ntar dipraktekan..
*lagi males mode on:
heu
salam kenal yaa
awalnya aku kesasar dibawa sama google kesini
aku baca2 blog ini kaya nya aku pernah beli buku
kang m kurniawan “buat theme wp sendiri” di togamas sby.
wah blognya bagus.
nanti sering mampir sini dah
belajar gratis
gpp kan bos
rudi
@rudi: memangnya ada juga ya buku buat theme wp sendiri?? yang nulis saya? wah saya gak pernah dapet duitnya tuh… π
mas kalo pakek wamp dijelaskan juga donk….
From vinz :d
yang 11- 16 nya ko blm ada??
Belum sempat nerjemahinnya.. situ mau mbantu?? :p
π yaa ini yg saya cari, thanks banget mas mudah2an tutorialnya gampang dimakan.. hehe
Permisi…
ikut belajar, Mas… π
Wah musti dicoba nih…
ikutan mbaca ‘salam kenal coy’
π
hmm biisa dicoba neh,bagaimana dengan artisteer?? bagus juga ngga?? salam kenal sebelumnya …
mas mana lanjutanya,,di posting dunkkk,,makasi,,,
@Himawans: belum sempat nerjemahin lagi…
https://histla.com/smilies/yahoo_bigsmile.gif
wah terimakasih tutor nya..
wah.. bagus bgt tutorialnya.. thx banget. nambah ilmu
terima kasih terjemahannya,..
kalau bisa di ke pdf kan dunk mas ?
terima kasih
Farid
Selama ni selalu pake themes punya orang.. pengen banget bikin themes sendiri !! makasih ya mas untuk tips nya sangat bermanfaat π
mas, lanjutannya mana?? hehehe…
btw, nice post!! sukses yak!!
Terimakasih telah mau berbagi. Kita tunggu kelanjutannya mas.
wah, wah, wah..
asyik nih, mulai belajar supaya bisa π
btw, mas kurniawan sudah punya theme buatan sendiri?
kebetulan saya sedang merebuild template wordpress saya. mudah2an ini bisa membantu. cuma saya lagi ada masalah. apa kode untuk menampilkan gambar secara otomatis tanpa harus terus-menerus mengupload gambar baru. n bagaimana pula cara menampilkan excerpt dari tiap kategori yang dipanggil. saya masih awam gitu… mohon petunjuknya. salam… π
.-= pargodunganΒ΄s last blog ..Arti Kehidupan =-.
terima kasih telah berbagi tentang tutorial wpnya, ijin belajar ya …
regard
sama-sama.. mohon maaf tutorial belum lengkap…
bagus sekali artikelnya, mas. Sangat berguna bagi orang kayak saya yang masih 0 dalam mendesain theme.
.-= anggayashaΒ΄s last blog ..Nemu Tempat Download Baru =-.
Kalau aku bikin tutorial yang sama, boleh gak? Replay email, thanks!
copy paste gitu? ya jaga etika dong mas… sesama blogger indonesia harus jaga etika… jangan asal copy paste.. Isi boleh sama, tapi kalimat harus beda…
kayaknya lebih mudah memodifikasi dari pada bikin dari nol ya?
ada rekomendasi themes basic yg paling gampang dijadikan modal dasar ?
thanks bro
Iya, susah… kalo mau nyoba ngedit coba saja theme defaultnya WordPress.
Om, Minta izin tulisannya dijadiin bahan referensi ya….
.-= RiekoΒ΄s last blog ..5 Cara Terbaik untuk Meningkatkan Trafik Website =-.
ok…
Sekalian option pagenya dong Om :D. Yang paling simple aja π
Thx sebelumnya
bro,, kapan nie tutorialnya di lanjut…??? udh gak sabar pengen punya themes sendiri. thx sharing ilmunya..
.-= romeeΒ΄s last blog ..Kelemahan Sebagai Sumber Kekuatan =-.
Mas Rumahnya dimana ?. Kalo di daerah bintaro atau ciledux boleh dong mampir ke rumah saya. Minta ajarin bikin website pribadi.
mau bayarin transport lamongan – cileduk PP? rumahku lamongan desa, jauh dari peradaban internet
makasi gan .. mo nyoba nih..
makasih ya gan infonya, nice info.. kasih cendol dah π
ikutan bookmark post ini mas, lagi belajar nih π
.-= inyoΒ΄s last blog ..Iklan Baris CafeBisnis =-.
kalo pusing atau males bikin sendiri.. pake aja ini:
http://wordpress.org/extend/themes/calotropis/
opsi kustomisasinya banyak
wah.. bagus sekali tutorialnya.! tapi kapan ya lanjutannya ke tutorial 11 dst..??
web: http://www.infomailmedia.com
ayo dong mas…. please lanjutin π
Yang mau theme wp Premium murah silahkan kunjungi web kami.
http://www.bejostobbo.com
Karena masih baru jadi stok belum banyak tapi janji akan selalu update.
Pembayaran : PayPal
Thanks
Info yang berman faat, trim bro…
Nice artikel Bos….semoga cepat selesai, mo belajar juga saya…salam tetangga dari gresik π
Salam Dashyat Kang.
Mantap ni Lengkap bgt.
Saya sedang mulai bikin website berbasis blog ni..
Coba saya mulai dari bikin template dulu…
makasih ilmunya Kang
Moga berkah.. bnyk pahala
yang tutorial nomor 11 sampai 16 koq belum diselesaikan ya ?
:((
Makasih kawan udah share. Moga akupun juga bisa membuat theme WordPress sendiri.
Salam kenal……..
Pak…itu image-nya banyak yang ga muncul!, jadi banyak keterangannya yang terputus karena imagenya pada ga muncul….
Mantap gan…
ane juga jadi pingin bikin thema sendiri.
tapi ane masih newbie jadi mau belajar.
ma’ kasih gan buat tutorialnya.
sori gan ane edit, kebanyakan iklan
lanjutannya mana ?
bagian 11-16 dimana nih…
kok berhenti sampe 10 ?
Yang nyari lanjutannya silahkan langsung aja ke TKP, tapi masih dalam bahasa aslinya (english).
http://www.wpdesigner.com/2007/02/19/so-you-want-to-create-wordpress-themes-huh/
tips2nya sangat bermanfaat akan sya cba,,trima ksh dan slm kenl
mantap nih bisa jd referensi buat bikin template dibeberapa blog sya..nice info!
wah…. lengkap neh kayaknya. ijin mejeng di sini ya bro..
masih bingung…heheheh salam kenal ya… http://www.titodesain.com
Wah kapan yah bs bkn theme sendiri..gak ngerti maklum msh newbie…
Mohon maaf mas, yang nomor 11 sampai 16 kenapa tidak disertai link ya..
trims, satu persatu tutorialnya akan saya baca dan semoga saya bisa..
iya, nomor 11-16 unfinished entah sampai kapan.
maaf saya masih belum sempat π
kalakah lieur anjir π
permisi buat admin..
bagi rekan-rekan yang minat bikin wp themes mkn bisa dimari
http://goo.gl/whii1
bos emang kadang kala edit menggunakan notepad prog tidak bisa berjalan dg baik beda dengan edit menggunakan notepad++…. trims sharingnnya
Terimakasih infonya sob..kebetulan lagi cari referensi WP….
bagus kang infonya saya suka banget. salam kenal
thanks min, ini sangat membantuku π
yg lanjutanya di update lg terus gan,,,
thanks,,,
^_^
wah keren . . ini yang anecari btw 11 – 16 nya kapan di update . . ? izin download gan .
wah, cukup banyak juga yang mesti dipelajari kalau kita ingin bisa membuat theme wordpress sendiri
nice share π