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

95 responses to “Ayo buat themes wordpress sendiri!”

  1. ayahshiva Avatar
    ayahshiva

    wah info yang menarik neh, soalnya udah lama banget pengen buat theme sendiri, tapi sampe sekarang belum kesampaian

  2. nambongo Avatar
    nambongo

    Aduh, thax banget mas. artikel saya jd refernsi

  3. M. Kurniawan Avatar

    Sorri buat semuanya, mungkin baru beberapa minggu lagi akan saya selesaikan semua terjemahannya.. Awal tahun jan sibuk tenan ki.. <:-p

  4. bakazero Avatar
    bakazero

    wah, mantaps…
    kayaknya kalo dah jadi, bakal jadi tutorial terlengkap…
    bagus kalo dijadikan buku… (apa sudah rencana?)
    semoga lancar ya…

  5. Rosyidi Avatar

    woww.. perjalanan masih panjang. Ternyata baru selesai 3 dari 16. Ntar bikin bukunya aja kalo dah jadi semuanya 🙂

  6. M. Kurniawan Avatar

    #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.. :((

  7. poer Avatar
    poer

    keren bos, semoga cepet selesai ya terjemahannya 😀

  8. Rosyidi Avatar

    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 🙂

  9. M. Kurniawan Avatar

    Piye gam carane install? Aku dah nyoba malah kaco blogku ini.. 🙁
    Perjalanan masih panjang…. Masih 20 artikel lagi yang kudu diterjemahin…#-o

  10. gaby Avatar
    gaby

    I want to make my own themes my friend told me this website but I don’t know how :(( I’m a o=>

  11. ceploq Avatar

    tutorialnya sangat membantu, berrikutnya
    lanjutannya mana bos??? 😉

  12. nasrun Avatar
    nasrun

    Belum habis lagi tutorialnya.. hehe..

  13. M. Kurniawan Avatar

    #nasrun: maaf, belum sempat melanjutkan tutorialnya. Saya sibuk kuliah, mungkin Insya Allah jika ada kesempatan minggu tenang akan saya teruskan.

  14. DeNNy_oDz Avatar
    DeNNy_oDz

    trimss…boleh saya bookmark mas..???biar isa dibca kapan aza..

  15. M. Kurniawan Avatar

    #Denny: Silakan… bebas kok.. asal jangan dibuat buku tanpa seijin penulis aslinya.. ;))

  16. unksenna Avatar

    kalao tutorial mengedit theme yang sudah ada gmn?
    bisa dibantu nda

  17. byme Avatar

    nice and cool brother

  18. byme Avatar

    cool and nice brother
    wakakak
    salam kenal

  19. dati Avatar
    dati

    nice article

  20. Fajarseraya Avatar

    wah makasi tipsnya yaa…

  21. andi Avatar
    andi

    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.

  22. cuwiell Avatar
    cuwiell

    aduh.. pengen banget tapi pas di klik link nya koq ga da isinya :((

  23. M. Kurniawan Avatar

    #cuiwell : link sudah diubah.. silakan dibuka lagi dan kunjungi terus blog ini 😛

  24. Mail Avatar
    Mail

    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

    1. M. Kurniawan Avatar

      @Mail : Insya Allah saya selesaikan.. itu kalo sempat dan koneksi tidak rewel lagi kayak kemarin.. 🙁

  25. ahmad Avatar
    ahmad

    thank’s tutor nya, tapi ada ga yang lebih gampang bikin theme misal pake dreamweaver gitu?

  26. belajar website Avatar

    wah, keren nih.Lanjutin terus tutorialnya, dan sekali-sekali kasih cara mudah donk.

  27. KIMLEO Avatar

    wooow keren sobat, terima kasih.. bermanfaat sekali,
    kalo ada theme-theme gratis yang full.
    terima kasih.

  28. cheuw Avatar

    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

  29. rudi Avatar
    rudi

    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

    1. M. Kurniawan Avatar

      @rudi: memangnya ada juga ya buku buat theme wp sendiri?? yang nulis saya? wah saya gak pernah dapet duitnya tuh… 🙂

  30. Vinz Avatar
    Vinz

    mas kalo pakek wamp dijelaskan juga donk….

    From vinz :d

  31. cheuw Avatar

    yang 11- 16 nya ko blm ada??

    1. M. Kurniawan Avatar

      Belum sempat nerjemahinnya.. situ mau mbantu?? :p

  32. adiguna Avatar
    adiguna

    😀 yaa ini yg saya cari, thanks banget mas mudah2an tutorialnya gampang dimakan.. hehe

  33. al-sabaliny Avatar
    al-sabaliny

    Permisi…
    ikut belajar, Mas… 😀

  34. pujanggabageur Avatar
    pujanggabageur

    Wah musti dicoba nih…

  35. tukyman Avatar
    tukyman

    ikutan mbaca ‘salam kenal coy’
    🙂

  36. sigsig Avatar

    hmm biisa dicoba neh,bagaimana dengan artisteer?? bagus juga ngga?? salam kenal sebelumnya …

  37. Himawans Avatar
    Himawans

    mas mana lanjutanya,,di posting dunkkk,,makasi,,,

    1. M. Kurniawan Avatar

      @Himawans: belum sempat nerjemahin lagi…

  38. yusep rukmana Avatar
    yusep rukmana
  39. rio Avatar
    rio

    wah.. bagus bgt tutorialnya.. thx banget. nambah ilmu

  40. farid Avatar
    farid

    terima kasih terjemahannya,..

    kalau bisa di ke pdf kan dunk mas ?

    terima kasih

    Farid

  41. Dudy Adityawan Avatar

    Selama ni selalu pake themes punya orang.. pengen banget bikin themes sendiri !! makasih ya mas untuk tips nya sangat bermanfaat 🙂

  42. rio Avatar
    rio

    mas, lanjutannya mana?? hehehe…

    btw, nice post!! sukses yak!!

  43. Hari Avatar
    Hari

    Terimakasih telah mau berbagi. Kita tunggu kelanjutannya mas.

  44. azzaam Avatar
    azzaam

    wah, wah, wah..
    asyik nih, mulai belajar supaya bisa 😀
    btw, mas kurniawan sudah punya theme buatan sendiri?

  45. pargodungan Avatar

    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 =-.

  46. eric di jogja Avatar
    eric di jogja

    terima kasih telah berbagi tentang tutorial wpnya, ijin belajar ya …
    regard

    1. M. Kurniawan Avatar

      sama-sama.. mohon maaf tutorial belum lengkap…

  47. anggayasha Avatar

    bagus sekali artikelnya, mas. Sangat berguna bagi orang kayak saya yang masih 0 dalam mendesain theme.
    .-= anggayasha´s last blog ..Nemu Tempat Download Baru =-.

  48. Indam Avatar
    Indam

    Kalau aku bikin tutorial yang sama, boleh gak? Replay email, thanks!

    1. M. Kurniawan Avatar

      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…

  49. bheri Avatar

    kayaknya lebih mudah memodifikasi dari pada bikin dari nol ya?
    ada rekomendasi themes basic yg paling gampang dijadikan modal dasar ?

    thanks bro

    1. M. Kurniawan Avatar

      Iya, susah… kalo mau nyoba ngedit coba saja theme defaultnya WordPress.

  50. Rieko Avatar
    Rieko

    Om, Minta izin tulisannya dijadiin bahan referensi ya….
    .-= Rieko´s last blog ..5 Cara Terbaik untuk Meningkatkan Trafik Website =-.

  51. Arya Avatar
    Arya

    Sekalian option pagenya dong Om :D. Yang paling simple aja 😀

    Thx sebelumnya

  52. romee Avatar

    bro,, kapan nie tutorialnya di lanjut…??? udh gak sabar pengen punya themes sendiri. thx sharing ilmunya..
    .-= romee´s last blog ..Kelemahan Sebagai Sumber Kekuatan =-.

  53. Br14n Avatar
    Br14n

    Mas Rumahnya dimana ?. Kalo di daerah bintaro atau ciledux boleh dong mampir ke rumah saya. Minta ajarin bikin website pribadi.

    1. M. Kurniawan Avatar

      mau bayarin transport lamongan – cileduk PP? rumahku lamongan desa, jauh dari peradaban internet

  54. iwangareng Avatar
    iwangareng

    makasi gan .. mo nyoba nih..

  55. banjarmasin Avatar
    banjarmasin

    makasih ya gan infonya, nice info.. kasih cendol dah 🙂

  56. inyo Avatar
    inyo

    ikutan bookmark post ini mas, lagi belajar nih 😀
    .-= inyo´s last blog ..Iklan Baris CafeBisnis =-.

  57. itx Avatar

    kalo pusing atau males bikin sendiri.. pake aja ini:

    http://wordpress.org/extend/themes/calotropis/

    opsi kustomisasinya banyak

  58. Ismail Tekka Avatar
    Ismail Tekka

    wah.. bagus sekali tutorialnya.! tapi kapan ya lanjutannya ke tutorial 11 dst..??

    web: http://www.infomailmedia.com

  59. bonard Avatar

    ayo dong mas…. please lanjutin 🙂

  60. tobbo Avatar

    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

  61. Deri Avatar
    Deri

    Info yang berman faat, trim bro…

  62. Sofyan Avatar
    Sofyan

    Nice artikel Bos….semoga cepat selesai, mo belajar juga saya…salam tetangga dari gresik 🙂

  63. Dian HP Avatar

    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

  64. tikomeight Avatar
    tikomeight

    yang tutorial nomor 11 sampai 16 koq belum diselesaikan ya ?
    :((

  65. Galuh Ristyanto Avatar

    Makasih kawan udah share. Moga akupun juga bisa membuat theme WordPress sendiri.
    Salam kenal……..

  66. cakra Avatar
    cakra

    Pak…itu image-nya banyak yang ga muncul!, jadi banyak keterangannya yang terputus karena imagenya pada ga muncul….

  67. pondok daun Avatar

    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

  68. tho Avatar

    lanjutannya mana ?

  69. tho Avatar
    tho

    bagian 11-16 dimana nih…
    kok berhenti sampe 10 ?

  70. moch84bdg Avatar
    moch84bdg

    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/

  71. Mengenal Tentang Busana Batik Avatar

    tips2nya sangat bermanfaat akan sya cba,,trima ksh dan slm kenl

  72. deny Avatar

    mantap nih bisa jd referensi buat bikin template dibeberapa blog sya..nice info!

  73. ari Avatar
    ari

    wah…. lengkap neh kayaknya. ijin mejeng di sini ya bro..

  74. titopratama Avatar
    titopratama

    masih bingung…heheheh salam kenal ya… http://www.titodesain.com

  75. Photoku Avatar

    Wah kapan yah bs bkn theme sendiri..gak ngerti maklum msh newbie…

  76. Jefry Avatar

    Mohon maaf mas, yang nomor 11 sampai 16 kenapa tidak disertai link ya..
    trims, satu persatu tutorialnya akan saya baca dan semoga saya bisa..

    1. mk Avatar

      iya, nomor 11-16 unfinished entah sampai kapan.
      maaf saya masih belum sempat 🙁

      1. Jasa Pembuatan Logo Avatar

        kalakah lieur anjir 🙁

  77. olengk Avatar

    permisi buat admin..
    bagi rekan-rekan yang minat bikin wp themes mkn bisa dimari
    http://goo.gl/whii1

  78. bagus Avatar

    bos emang kadang kala edit menggunakan notepad prog tidak bisa berjalan dg baik beda dengan edit menggunakan notepad++…. trims sharingnnya

  79. Pilgub Jatim Avatar
    Pilgub Jatim

    Terimakasih infonya sob..kebetulan lagi cari referensi WP….

  80. vonamsa Avatar
    vonamsa

    bagus kang infonya saya suka banget. salam kenal

  81. baba Avatar
    baba

    yg lanjutanya di update lg terus gan,,,
    thanks,,,
    ^_^

  82. klikady Avatar

    wah keren . . ini yang anecari btw 11 – 16 nya kapan di update . . ? izin download gan .

  83. Rina Avatar

    wah, cukup banyak juga yang mesti dipelajari kalau kita ingin bisa membuat theme wordpress sendiri
    nice share 🙂

Leave a Reply

Your email address will not be published. Required fields are marked *