Cara Membuat Theme WordPress

Ini akan jadi tulisan bersambung karena saya pikir akan sulit menjelaskan cara membuat theme WordPress hanya dalam satu postingan. Kita akan mencoba membangun sebuah theme sederhana, tanpa gambar sama sekali. Untuk gambar, anda bikin sendiri ya? hehehe…

Sebelum kita memulai ngurusin coding, saya akan coba share dulu struktur berkas themes. Karena anda harus paham soal ini dulu sebelum beranjak mengutak-atik kode nanti.

Berkas Utama Theme

Sejatinya, ada 2 berkas penting yang harus dimiliki sebuah themes, yaitu:

– style.css
– index.php

Dengan dua berkas ini, kita sudah bisa membangun sebuah themes WordPress. Tapi, untuk menampilkan hasil yang lebih fantastis, kita membutuhkan beberapa berkas lain untuk mendukung themes kita.

Berkas Tambahan

Inilah berkas-berkas yang bisa dipakai sekalian dengan fungsi-fungsinya:

home.php : digunakan untuk menampilkan halaman depan blog
header.php : Digunakan untuk menampilkan bagian header blog
sidebar.php : digunakan untuk menampilkan bagian sidebar blog
footer.php : digunakan untuk menampilkan bagian footer blog
single.php : digunakan untuk menampilkan artikel.
page.php : digunakan untuk menampilkan page.
search.php : digunakan untuk menampilkan hasil pencarian.
archive.php : digunakan untuk menampilkan arsip blog (arsip tanggal, bulan, dll).
functions.php : digunakan untuk mengatur fungsi-fungsi yang berlaku di blog.
404.php : digunakan untuk menampilkan halaman error 404

Nah, untuk sementara itu dulu ya. Minta komentarnya dong, biar semangat gitu lho.. hehehe

Dan inilah beberapa artikel berserinya.

  1. Cara Membuat Theme WordPress
  2. Membangun Theme WP: Style.css
  3. Membangun WP Theme: index.php
  4. Bikin Theme WP: Designing
  5. Bikin Tema WP: Layout
  6. Membuat Theme: Heading
  7. Buat Theme WordPress: Blog Header

Dicari dengan kata kunci:

cara membuat wordpress,cara membuat theme wordpress,membuat theme wordpress,cara mendesain wordpress,cara membuat tema wordpress,theme wordpress,membuat tema wordpress,wordpress theme,membuat theme wordpress sendiri,tema wordpress

204 thoughts on “Cara Membuat Theme WordPress

  1. ariley

    kalo umpama ane punya menu
    Home – Download – About
    bisa g kalo ane masukkan alamat blog ane ntar halaman yang muncul langsung ke halaman download?
    makasih gan

    1. admin Post author

      Kalau yang versi terbaru ini saya lihat coding-nya lumayan ribet, jadi belum bisa bantu. Dan hasil akhirnya juga kurang SEO friendly sih (menurut saya)

    2. Master Andi

      Males pake artisteer terlalu kaku bro,kalo pake artisibukota baru enak..xhi..xhi…salam kenal bro,nah tu ada yang ngangbek mau tukeran link sama mentor saya,gak usa percuma mastenya mau dilawan…..

    1. admin Post author

      Bener.. kalau dasarnya udah paham, sebenarnya gak perlu bangun dari awal, kita bisa oprek themes yang udah ada biar sesuai keinginan kita

  2. 170p3'x

    nah ini dia panduan yang ane cari, menyeluruh. Kalo dah tahu dasarnya mau modifikasi themes yang udah ada jadi lebih mudah. semangat mas lutvi..:D

    1. admin Post author

      Tergantung apa yang dirubah. Kalau perubahannya menyebabkan tampilan besar themesnya berubah ya bolehlah. Tapi lebih etis lagi kalau tetap masukkan kredit untuk pembuat theme pertama. Apa anda mau theme yang anda buat susah payah tiba2 di klaim orang hasil karyanya padahal cuma ganti gambar headernya doang

      1. indra zudin

        Terima kasih atas balasannya. Satu lagi yang menjadi pertanyaan: “mengapa kita harus bangga menggunakan wordpress” ? tidak adakah yang aseli dari indonesia?

        1. admin Post author

          Kayaknya belum ada. Dulu ada CMS Endonesia tapi karena kurang dukungan dana dan relawan sehingga gak berkembang. Dan jika dibandingkan dengan WordPress jelas jauh banget bedanya. WP didukung dana dan relawan bukan cuma dari US aja, tapi dari seluruh dunia sehingga perkembangannya-pun sangat cepat dan kita patut bangga karena putra-putri negeri ini turut andil disana membangun WordPress versi Indonesia :)

  3. endo

    mas lutvi buat style.css, index.php nya pake software apa? bagaimana kl kita samakan dl software2 yg akan dipakai?

    thanks

    1. admin Post author

      saya biasanya pakai Notepad++ karena berwarna-warni tulisannya sehingga enak bacanya. Tapi bisa juga pakai notepad bawaan windows

  4. chevenk

    Eh, sombong sekali anda. Awas nanti yah. Gwe baru nemuin bloger sombong seperti anda.

      1. aryan

        hehehe… berkomentar di sini sambil masukin alamat website kita kan udah sama aja sama tukeran link? :-) kalo gag salah sih… hehehe

  5. surya

    mas, apakah tutorial ini bisa dijadikan ebook. biar bisa belajar offline, yang ini sangat bagus tutornya, mudah dipahami. mohon balasannya tentang membuat ebook tutor membuat theme wordpress ini. thanks ^_^

  6. kekyone

    seharian dari pagi sampai malam baca petunjuknya sampai mabuk ngak bisa2, mau coba buat Sidebar tp rasanya mau tres jd mundur aja dulu, kapan2 baru masuk lg ke blognya

  7. Nanta

    akhirnya ku menemukanmu mas hhehehhe…

    makasih bnyak atas tutorialnya mas lutvi.. ilmu nya sangat bermanfaat..

    Jazakallah…

  8. bogy

    mantap banget article nya. rasanya saya blm nutut klu harus buat theme sendiri. edit yang sudah jadi saja kebingungan. he he he.. kalau bikin theme sendiri untuk urusan seo gimana mas? kira2 berpengaruh ndak? Thanks

  9. GOGO Media

    Emang beda yah kalau pakar WP yang bicara. saam kenal bos, izin baca2 sedang lapar pengetahuan ttg blog neh..

    Btw, gimana cara menghilangkan judul blog ygn di gratisan yah.. blm nemu tutorialnya nih..

  10. ekaperintis

    Terima kasih atas totorial nya kakak, sangat bermanfaat buat saya,,,, saya lagi belajar tentang web basis wordpress … sipp terus berbagi kakak …

    Makasih

  11. abbaz

    infonya keren, sesuai yg lg saya cari. Saya mau tanya juga nie, antara hasil bikin theme dengan edit koding vs software pembuat WP theme, mana yang lebih keren? trims

  12. bendol

    pringisi :D

    bisa di buatkan tutorial membuat comments.php ??
    coz di tutorial sampean hanya menggunakan template default (bener g ya…)
    kalau di pisah kan lebih memudahkan dalam styling halaman comments nya

    tQ

  13. vincent

    OK mas bro,…
    Langsung d lanjut aj y,..
    soalnya pngen bgt bljar wordpresss tapi g thu harus gmn memulainya,..

    semoga tmbah sukses,…

  14. Lenny

    Saya masih kesulitan dalam mempraktekan CSS, apakah ada tutorialnya? Selama ini saya masih mengandalkan table untuk membuat layout. Trims

  15. arizuchri

    wah ini website yang menarik. Selama ini bikin template pake software artister, sekarang jadi mau coba bikin dari nol ah. Terima kasih ya sudah mau berbagi.

  16. Angga

    Waah… ini tak cari2.. buat bank admin mohon bimbingannya..
    soalnya ku pengen banget bisa bikim template WP sendiri yang bisa support di dashboard…
    makasiihh.. :D :D

  17. Iwan

    Salam hormat,

    Mas Lutvi, makasih tutorialnya…, saya adalah sangat pemula untuk mencoba membuat blog via wordpress…dan saya masih bingung mengenai plugin2 apa saja yang paling utama dan harus di install dalam sebuah blog wordpress…

    Terima kasih.

    1. olengk

      coba bantu y bos, yang paling utama u wp y contohnya , plugin seo (AIO, platinum, yoast) keamanan (firewall2), sitemap google (xml)

      itu aj sih dasarnya :D

  18. jeff

    Ikutan gabung ah gan..,Ane bru belajar wordpress,dulu bikin dah lama sih,tp baru mau di benahin lagi nie,,mohon di sharing dech,gimana sih cara nya agar blog gratisan jadi penuh Ramai sama pernak-pernik gambar gif yang bisa bergerak gitu,,apa mesti bikin apa dulu? ada yang tahu gak,pake software apa sih supaya bisa bikin gambar kartun yang bisa gerak dan di pasang di blog wordpresss,,,Poko nya blog keliatan hidup penuh warna gitu,,thanx ya para agan-agan yang udah pinter ajarin kami juga,,makasih..

  19. ivan

    wah mantap….. salut buat mas Lutvi

    saya ingin tanya mas, saya sedang belajar buat theme sendiri.. yang ingin saya buat adalah pada homepage saya hanya ingin menampilkan 1 column saja tanpa sidebar yang mana isinya hanya beberapa patah kata pembuka dan recent post dengan thubnail……

    baru apabila saya mengklik salah satu artikerl baru muncul sidebarnya..

    gimana ya mas caranya…. mohon sekali bantuannya…. terima kasih

    1. olengk

      yup pasti bisa mas, hilangkan saja bagian pada bagian index.php trus untuk tampilannya bisa di setting via file style.css

      atau bisa juga dengan menapilkan sidebar yang berbeda dengan pemanggilan kode dengan menbuat satu lagi sidebar.php

      atau bisa juga menggunakan fungsi “if” di bagian sidebarnya

  20. Yosep kandiyas

    siap siap kopi 1 kolam , kwkkwkwkw
    mau pantau terus nih web sekalian belajar
    dari dulu nyari2 cara bikin template wordpress sendiri ga nemu nemu ,
    makasih agan udah mau berbagi tips ini gan , sangat bermanfaat

  21. doble

    maaf boss,, app apa aja yang perlu di persiapkan boss,,,,?
    sangat bingung nih,,, gimana cara buat agar bisa di preview…dan sebagainya,,,maklum baru kenal wordpress kemarin,,,hehehehehe

    mohon jawabannya boss..

  22. tini

    Salam kenal Mas
    Saya juga ingin belajar membuat themes
    tp karena masih pemula jadi masih banyak yang bingung
    kalau ada saya ingin kursus private
    Wassalam

  23. ansyar

    Master WP, semua tutor yg master posting udah mantap. tp 1 yg saya minta : “bisakan saya mendapatkan tutor membuat themenya berbentuk file PDF atau semacamnya dan sekalian dengan source code/kode-kode dari tiap file css,php,js,dll,,,,
    terimakasih.
    Sukses selalu.

  24. yendra

    mantaf gan, tengkiu info2 nya…
    dari pada pusing2 nyari bikinan orang, mending bikinan sendiri lebih puas, sesuai keinginan…..
    LANJUTKAN>>>> :D

  25. wong indonesia

    Baca komen dari atas sampai bawah rata2 menyapa Lutvi dengan mas, bang…tapi Lutvi sendiri tidak ada menyahut dgn hal yg serupa, apalah salahnya balas sahutan dgn hal yg sama, misal iya mas…iya bang…gak semua yg komen lebih muda dari sampean Lutvi…saya kira ini kelemahan anda, kurang toto kromo

  26. anyaran

    wah ini ilmu menarik tentunya, pengin ngikutin n nyimak terrus ni langsung di praktekin biar bisa bkin template sendiri. Trimakasih gan sudah berbagi.

  27. Irma

    Kebetulan lagi mau belajar utak atik wordpress ketemu deh websitenya ini…jadi langsung di bookmark deh situs nya mas..
    Makasih atas sharing dan ilmunya mas..semoga selalu diberi keberkahan dunia dan akherat yah.. :-)

  28. Upin Ipin

    Alangkah bagusnya kalau ditampilkan juga hasil karyamu disini, buat menu portofolionya tampilkan contoh theme yg sdh pernah kamu buat, agar tidak terkesan omdo (omong doang), kalau cuma nampilkan teori terkesan artikelmu cuma copas dari sumber luar negeri

  29. AprilCeria

    ijin Bookmarks mas bro, buat lanjutin kursusnya.
    buat admin nya yg udah punya niat bagi2 ilmu saya doain murah rejeki dan barokah aminnn…

  30. galih

    Thanks mas tutorialnya bagus banget, ada tips/tutorial sederhana untuk membuat themes toko online pake wordpress ga mas?

  31. andrew

    Banyak blog/website tutorial wordpress, tp yang ini yg paling sederhana, mudah dimengerti dan sistematis… Kereenn gan!

  32. jual jersey

    numpang tanya mas, blog saya terdiri dari 2 kolom, artikelnya berada di kiri dan slidenya ada di kanan, cara untuk memindah agar artikel ada di kanan danslide ada di kiri gmna ya. terimakasih

  33. asran

    Maaf buat admin karena pertanyaan nya agak melenceng sedikit,Saya mau tanya cara memperbaiki Kesalahan: Missing required field “updated”. dan Kesalahan: Missing required hCard “author”.sudah banyak tutorial yang saya ikuti tapi blom terpecahkan juga masalahnya.Terima kasih

  34. may

    wahh ini dia yang aku cari, tapi kayanya saya telaaaattttt banget membaca artikel ini. semoga masih belum terlambat dan mohon ijin buat prakgtekin ilmunya. thanks

  35. scriptmurahsekali

    Dapatkan cara termudah membuat theme wordpress dengan menggunakan plugin HTML TO WORDPRESS CONVERTER. Anda dapat mengkonversi sendiri template HTML kesayangan anda menjadi Template WordPress tanpa perlu menguasai programing!

    Hanya Rp.50000

  36. andi

    mas, mw tanya, saya uda desian theme sendri, berhasil sinkron am admin wordprees nya masalah ketika di buka di browser chrome css nya untuk menu vavigsi adi berantakan, tpi ketika file di eksekusi di browser mozila file css nya gk berantkantakan…cara mengatasi nya gmn ya mas,,, salam kenal dan thanks

  37. check this site out

    I just want to mention I am just new to blogging and site-building and actually loved this website. More than likely I’m likely to bookmark your website . You really have amazing well written articles. Thank you for revealing your website page.

  38. Freddy Spenser

    I am not sure where you are getting your information, but good topic. I needs to spend some time learning more or understanding more. Thanks for fantastic information I was looking for this info for my mission.

  39. Zenia Malander

    Hey. Very polite blog!! Guy .. Outstanding .. Superb .. I’ll bookmark your website and engage the feeds also…I am contented to find many useful data here surrounded by the send. Thank you for sharing.

  40. Melisa Palmerton

    Having read this I thought it was rather enlightening. I appreciate you taking the time and effort to put this short article together. I once again find myself spending way too much time both reading and leaving comments. But so what, it was still worthwhile!

  41. Shelba Liloia

    I do not even know how I ended up here, but I thought this post was great. I don’t know who you are but definitely you’re going to a famous blogger if you are not already ;) Cheers!

  42. Elsy Venter

    Hello there, I found your website via Google while searching for a related topic, your web site came up, it looks great. I have bookmarked it in my google bookmarks.

  43. Stephen Wrzesinski

    I need a good male pseudonym to use when blogging.. Sorry if this is the wrong place for the question :(. It sort of relates because I want to blog, but I don’t want my acquaintances/friends to see it..

  44. Trudi Kloeppel

    I think other website proprietors should take this site as an model, very clean and fantastic user friendly style and design, as well as the content. You are an expert in this topic!

  45. Harris Burkhalter

    Heya i’m for the first time here. I found this board and I find It really useful & it helped me out much. I hope to give something back and aid others like you helped me.

Comments are closed.