Categories
Theme WordPress

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

By Lutvi

Bukan Ustadz, bukan Dai apalagi Kyai. Juga bukan guru. Hanya sekedar santri miskin ilmu yang coba mengamalkan 1 ayat warisan dari para ulama. Saat ini diamanahi menjadi admin web WordPress Indonesia

204 replies on “Cara Membuat Theme WordPress”

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

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)

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

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

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

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

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

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 πŸ™‚

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

thanks

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

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

hehehe… berkomentar di sini sambil masukin alamat website kita kan udah sama aja sama tukeran link? πŸ™‚ kalo gag salah sih… hehehe

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 ^_^

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

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

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

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

pringisi πŸ˜€

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

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

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.

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 πŸ˜€

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

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

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

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

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

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

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.

mantaf gan, tengkiu info2 nya…
dari pada pusing2 nyari bikinan orang, mending bikinan sendiri lebih puas, sesuai keinginan…..
LANJUTKAN>>>> πŸ˜€

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

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

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.. πŸ™‚

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

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

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

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

izin belajar pak Lutvi πŸ™‚ semoga ilmunya berkah, dan yang belajar istiqomah, πŸ™‚

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

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

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

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

Wah belajar wordpress jadi bisa lebih paham tentang website…terimakasih banyak…

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.

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.

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.

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!

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!

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.

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

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!

Comments are closed.