Tuesday, January 19, 2010

Belajar cara membuat theme wordpress - intro


Yups, kali ini saya sebagai newbie akan mencoba membuat tutorial bagaimana cara membuat template atau theme wordpress sendiri secara sedehana, yang tentunya untuk para master tutorial ini masih sangat jauh dari harapan karena memang tutorial membuat theme wordpress ini hanya menyajikan dasar-dasar dalam pembuatan template wordpress secara sederhana ala mochal :p. Tutorial membuat template atau theme wordpreess akan saya bagi ke dalam beberapa tahap sehingga nantinya memudahkan sobat blogger memahami tiap-tiap tahapannya. Saya sarankan sobat sudah familiar dengan kode-kode CSS, HTML dan PHP walaupun masih pada tingkat dasarnya, karena saya tidak akan mengajarkan sobat  html, css dan php di sini. sobat blogger perlu mempelajari mereka secara tersendiri. Ada banyak tutorial yang tersedia di internet untuk mempelajari bahasa program tersebut. Saya yakin sobat blogger dapat menemukan mereka dengan mudah, setidaknya agar menjadi panduan dalam membuat theme worpress sendiri. Hal dasar yang perlu disiapkan adalah beberapa program pendukung seperti PHP editor, Dreamweaver, Ultra Edit (UE). Program-program tersebut sebagai program editor untuk skript PHP di sini saya memakai Ultra Edit untuk mengedit skrip PHP dan jangan lupa untuk menginstall wordpress ke dalam komputer lokal (local host) agar nantinya memudahkan kita dalam mengedit, mengupload perubahan pada theme wordpress karena cara ini lebih cepat ketimbang melakukannya secara online.

Pada dasarnya prinsip pembuatan theme wordpress dan blogspot tidak jauh berbeda dalam hal struktur layout template. Berikut struktur layout template worpress sederhana :




Gambar di atas merupakan layout template wordpress secara garis besar, bisa kita bagi ke dalam beberapa bagian  : Header, Main, Sidebar dan Footer
  • Header : berisi judul atau deskripsi dari blog kita. bagian ini juga bisa di modifikasi sesuai kebutuhan sobat
  • Main : merupakan suatu blok area yang umumnya berisi post, date post, post footer, comments block, dan post meta.
  • Sidebar : merupakan suatu blok area yang umumnya berisi widget-widget
  • Footer : merupakan suatu blok area yang berada di bawah dan umumnya berisi data catatan mengenai copyright pembuat template
Kalau sobat sudah paham dengan sutruktur layout wordpress tersebut, bisa kita bagi menjadi beberapa section utama untuk theme wordpress :

index.php
header.php
sidebar.php
footer.php

Yang nantinya 4 section utama tersebut akan membentuk sebuah theme atau template wordpress. Sebelum melangkah lebih jauh lagi, tutorial membuat theme wordpress akan di lanjutkan pada postingan berikutnya. Jadi buat sobat blogger yang penasaran sama tutorial cara membuat theme wordpress sendiri silahkan berlangganan via email ataupun menjadi follower agar mendapatkan update-update berita terbaru dari blog sederhana ini :d.

29 comments responses to Belajar cara membuat theme wordpress - intro:

  1. Sebelumnya sih sempat penasaran ingin bisa bikin theme wordpress sendiri, setelah membaca artikel ini jadi lebih tahu tentang dasar-dasar membuat theme wordpress, sip dech.. ditunggu kelanjutan. Mudah-mudahan ke depannya bisa bikin theme WP sendiri.

    January 20, 2010 9:09 AM
  2. Dedy
    Said

    Sip, ditunggu kelanjutannya bos.

    January 20, 2010 12:41 PM
  3. Waw... Main WP juga sekarang boss. Sudah berpindah ke lain hati neh... Hahaha...

    January 20, 2010 3:19 PM
  4. terima kasih atas petunjuknya
    langsung saya coba

    January 20, 2010 3:53 PM
  5. ewegombel
    Said

    siip mas..tak tungguin yang selanjutnyaaaa... aku ada pertanyaan mas...kalo buat tema sendiri, trus mau di upload ke host, apa harus di validasi ya??? saya uda coba buat tema asal, terus mau ta onlinekan, tapi gagal katanya mas..

    January 21, 2010 1:13 AM
  6. artikel yang sangat membantu bagi newbie (saya)
    hehehe...

    January 21, 2010 11:42 AM
  7. bee
    Said

    Ribet...

    January 22, 2010 6:29 PM
  8. Jorbin
    Said

    mantap...
    step by step biar gmpang dplajari...
    dtunggu bg. slnjutnya..mantab bos...

    January 23, 2010 4:52 AM
  9. subagya
    Said

    @ gadget : ok bro di tunggu kelanjutannya
    @ deddy : heheheheh.. sudah di post kang kelanjutan cara membuat template wordpress
    @ anthony : hehehehehehe biar lebih advance lagi om, ga hanya di situ-situ aja
    @ sewa : silahkan
    @ ewegombel : maksudnya validasi apa ya kang?
    @ bee : ho oh kang memang ribet :d
    @ jorbin : ok kang

    January 23, 2010 9:33 AM
  10. belog
    Said

    saya mau coba aplod tema edit2 an saya tapi setiap uplod ke dasboardnya malah can't run zip..katanya kang??? help me master!!

    January 27, 2010 12:23 AM
  11. subagya
    Said

    @belog : wah saya biasanya sudah di extrax kang trus uploadnya juga lewat FTP

    January 27, 2010 8:21 AM
  12. Obi
    Said

    nice..top post
    ijin tukeran link bos :)

    February 16, 2010 10:04 PM
  13. berguna nih bagi saya yg belum bisa bahasa HTML, thanks udah share

    February 23, 2010 11:31 PM
  14. fahad
    Said

    terima kasih atas triknya bro

    February 26, 2010 5:56 AM
  15. Itu khan hanya dasarnya, padahal bentuknya ada macam-macam, dan file yang penting hanya 2 yaitu index.php dan style.css

    April 14, 2010 11:36 AM
  16. ardya
    Said

    lanjutannya dunk... cara bikin temp, sendiri.... kekna bisa lebih banga... aliah gimanaaaaa gitu..

    April 26, 2010 7:36 PM
  17. lebih mudah blogspot

    May 4, 2010 2:23 AM
  18. Lanjutanya dimana????

    May 7, 2010 10:49 AM
  19. Terima kasih utk infonya.. sangat bermanfaat

    May 18, 2010 12:17 AM
  20. Kebetulan saya \sedang belajar membuat theme, nyari di google bisa nyasar di sini dan pembahasannya begitu lengkap.. Lanjutkan...!!!

    June 1, 2010 9:38 AM
  21. thanks bro, saya juga lagi belajar membuat theme wordpress

    June 16, 2010 5:21 PM
  22. ane bisa nyasar kesini kebetulan dari google.. kalau pakai software themes generator itu gmn ya ? ane cari lom ketemu :D

    August 17, 2010 6:39 PM
  23. waduh postinganya kok belum kelar bikin penasaran aja nih empunya, tapi mas mau coba bikin theme memakai software Artisteer..

    August 22, 2010 5:28 PM
  24. subagya
    Said

    @moneska : kalau make artisteer memang memudahkan kita kang, karena cuman pilih layout dan desain aja, sayangnya artisteer merupakan software berbayar :)

    August 23, 2010 12:49 AM
  25. waduh menurut saya blogger lebih mudah untuk edit edit layout

    February 4, 2011 8:16 PM
  26. ditunggu kelanjutannya masbro,.klu sy ntk pake theme wordpress aja masih cari2 tutorialnya,apalagi sampe bikin theme sendiri,wis pokoke mantap.

    July 25, 2011 10:07 AM
  27. The post is written in very a good manner and it entails many useful information for me. I am happy to find your distinguished way of writing the post. Now you make it easy for me to understand and implement the concept. Thank you for the post.

    July 26, 2011 4:20 PM
  28. leon
    Said

    yang ginian nih,yang bikin Indonesia maju...salut n jempol bro,lanjut...Thanks.

    November 1, 2011 9:39 AM
  29. bahar
    Said

    makasi infonya, sangat bermanfaat

    November 27, 2011 7:39 AM

Post a Comment