Oke, inilah pertemuan ketiga kita dalam sharing cara membangun theme WordPress sendiri. Ini masih tingkat basic sehingga kita sama sekali belum mengutak-atik design sama sekali.
Setelah sebelumnya kita bahas soal pembuatan folder, dan penamaan theme melalui style.css, kita akan melangkah ke bagian yang lebih rumit sedikit yaitu file index.php. File ini bekerja sebagai pengatur apa saja yang ingin kita tampilkan di blog. Jadi ibaratnya gini, index.php itu mengatur pasukannya, dan style.css mengatur seragamnya. Paham kan?
Semua file theme menggunakan bahasa PHP, dan tentu saja bisa disusupi tag HTML mengingat hasil akhirnya nanti juga berupa HTML setelah diproses di server. Anda bisa pelajari lebih dalam soal PHP di http://www.php.net. Kita akan langsung saja mengisi file index.php yang sudah kita buat kemarin tapi masih kosong.
Untuk awalnya, kita isi dengan standart HTML biasa seperti ini:
Judul Blog
Judul Artikel
Artikel yang ingin dimunculkan
Simpan dan coba buka blog anda. Seharusnya sekarang sudah muncul tulisan kan? Nah, itulah caranya memunculkan tulisan di blog melalui theme. Anda bisa gunakan perintah PHP dan tag HTML apapun disini. Suka-suka aja.
Artikel berikutnya kita akan mulai mendesign blog kita. Ditunggu yah.. š
54 replies on “Membangun WP Theme: index.php”
Mantap mas,awalnya saya kurang begitu paham tentang PHP dan ternyata PHP bisa di kombinasikan dengan HTML ibaratnya PHP itu pembuat perintahnya,kalau gak salah sich,tapi terkadang masalahnya kalau jarang latihan sering lupa juga dengan beberapa kodenya š
HTML itu ibarat nasi goreng. PHP itu resep mengolah bahan menjadi nasi goreng.
Pengunjung tahunya udah jadi nasi goreng (HTML), sementara bagaimana bahan-bahan itu bisa jadi nasi goreng adalah tugas PHP
hehehe iya mas suka dengan perumpamaan ini dah mulai action buat themenya nich setelah barusan sukses bikin WP mau offline š
wes muantaf tenan deh
pesen nasi gorengnya 1 donk mas…
aku newbe mas… masih belajar… doakan bisa yaa mas…
Dikit dikit lama-lama jadi bukit, ditunggu Mas selanjutnya. Puyeng juga siih, tapi walaupun saya gak bisa ngomong bahasa jawa, paling tidak faham maksudnya. Begitupun dengan bahasa php dan html. Hatur nuhun.
Mas Lutvi, nanya nih cara munculin parent category yang ada di menu header twenty ten gmn ya? biasanya kalo di sorot pake mouse bisa muncul, tapi tuk theme ini saya kesulitan
gan, spasi yang banyak sekali diantara dan itu pengaruh g ke theme nantinya? Umpama ganti alenia kita pake enter atau gitu bisa ndak. Maaf gan, blogger amatiran..tapi bagaimanapun juga pngn pinter. Tak ada kata terlambat kan untuk belajar?
spasi dimananya ya? kalau di depan coding-nya nggak pengaruh
ok….tutor ini juga udah selesai…ayo kita lanjut..
wah… akhirnya menemukan web yang baik hati ini. Makasih sharingnya mas, saya kebetulan baru 6bulan ini belajar wordpress, terutama themes developing. Kalo bisa sharing juga donk bikin theme pake framework misalkan thematic dsb… Terima kasih.
Nah itu, istilah framework sendiri saya masih bingung. Maksudnya apa ya? Lihat-lihat theme yang katanya pakai framework kok nggak jauh beda sama theme lain. Bedanya dia bisa di costumize aja lebih mudah
Heheehe it’s work! sya coba susun semua file php di folder yg sama, header.php, page.php etc, pdhal belum ada isinya, eh ternyata tulisannya ga tampil, pas dikosongin foldernya jadi cuma ada screenshot, style.css ma index.php doang akhir muncul juga tuh tulisan.. laporan selesai..hehe. Hatur nuhun Kang Lutvi
Good Job! Lanjutkan !!
sdg nyimak , nich…
ikut nyimak dulu baru newbie.. trims sharingnya, moga jadi imu yang bermanfaat.
ikut nyimak gan
Mas Luvti, makasih banyak ya, niche info…., sebab baru ini saya nemui blog yang baik hati mau sharing ilmu buat web ala wordpress mulai dari nol…, semoga Allah memberikan balasan keberkahan atas kemurahan hati Mas.
Terus berkarya buat kami anak bangsa yang haus akan ilmu blog…
Salam Sukses
Rinaldi
Biar dikit-dikit yang penting langsung praktek
kok g bisa yah gan ?? d WP 3.3.1 stelah masukin isi index.php sesuai sperti d atas, pas saya refresh page dy tidak muncul apa2..
saya sudah pastikan langkah di atas dan sebelumnya benar.. malah sampai 2 hari..
T_T
so sup ?
gan..dari semalam saya pelajari tutorial2 di blog ini.coz menurut saya sangat bermamfaat. saya cari cari tutorial yang bisa auto posting via email di wordpress.
apa saja yg harus ditambah?dan disetting?dan cara buat email pengeposan lewat menu mana?apa email dari webhosting?
jika sudi memberikan tutorialnya .saya mohon kirim ke email saya
raja.colek@yahoo.com.
teimakasih
oke langsung praktek ,,,,
ok langsung buat…
maaf mas saya ingin tanya nie .
kalau kita menggunakan software gratisan kaya kompozer gitu untuk bikin PHP tetep bisa kan ?
masuk ke tahap pembuatan index.php .
mantep terus baca tutorialnya ah š
kalo kita mau memasukkan kode widget html dicampurkan ke php gimana sob.? memang sukses jika diupdate,,tp apa pengaruh nya terhadap blog kita sob..?
udah nyampe sni kok tetep g muncul ya?
tulisan “Artikel yang ingin dimunculkan”
maaf, apa tutorial ini masih relevan jika digunakan sekarang? kan sekaranag wordpress uda ada versi 3.3 (kalo gak salah).
Masih relevan kok. Fungsi2 yang dipakai belum di-deprecate
O iya, di tunggu juga tutorial membuat tema WP menggunakan file setarter _S ( underscores.me ) š . Thanks
Parse error: syntax error, unexpected end of file in C:\xampp\htdocs\wordpress\wp-content\themes\websitedesign\index.php on line 100
itu kenapa ya? mohon pencerahannya. Tks
thanks sharing nya, saya mau langsung coba. regards
Anti Rayap
dasar html ya mas buat index.php na barti lum masuk php ya?
Bismillah dulu Gan.. Hehehehe
apakah seorang affiliate harus menguasi program tersebut (index php)?
bang, kok di wp 3.6 pas kita udah buat file index.php dan isinya kok gak keluar apa-apa ya?
sama ini kasusnya,isi dari index.php ,belum bisa tampil, versi wordpress yang terinstal 3.8.pertanyaannya,themes yg sedang dibahas ini utk versi wp tertentu atau utk segala versi,Kang Lutvi ?
yup sudah bisa.file selain index. dan style.css, di pndah di folder lain aja / dihapus dulu,nanti pasti tampil sesuai penjelasan.sipp
makasih infonya mas, sangat bermanfaat bagi pemula seperti saya
gampang yah, aku coba ah š
Artikel-artikel anda sangat membantu sekali bagi para Blogger pemula saperti saya, terima kasih.
terima kasih banyak atas informasi yang diberikan dan sangat membantu saya dalam mengembangkan web yang saya kelola
mas, mau tanya, itu nulis script-nya dimana?
Usually I really don’t examine article about sites, but I would choose to claim that this write-up incredibly pressured everyone to undertake the item! Your current crafting tastes is pleasantly surprised me personally. Many thanks, very good content.
I simply want to say I’m all new to blogging and site-building and actually enjoyed this website. Very likely Iām going to bookmark your blog post . You amazingly have wonderful stories. Cheers for sharing your web-site.
You made some respectable points there. I seemed on the internet for the difficulty and found most individuals will go along with together with your website.
This is really interesting, You are a very skilled blogger. I’ve joined your rss feed and look forward to seeking more of your fantastic post. Also, I’ve shared your web site in my social networks!
ā¢ Opened a conversation table and allowed for two-way conversation
Thank you for sharing superb in sequence. Your web position is hence cool. I’m impressed by the details that you have on this web situate. It reveals how nicely you understand this subject. Bookmarked this website page, will come in exchange for more articles.
Hey there just wanted to give you a quick heads up. The text in your article seem to be running off the screen in Internet explorer. I’m not sure if this is a formatting issue or something to do with web browser compatibility but I figured I’d post to let you know. The style and design look great though! Hope you get the problem resolved soon. Kudos
I have been browsing online more than 3 hours today, yet I never found any interesting article like yours. It is pretty worth enough for me. In my opinion, if all website owners and bloggers made good content as you did, the net will be a lot more useful than ever before.
May I simply just say what a relief to find somebody that really understands what they are discussing online. You certainly know how to bring an issue to light and make it important. More and more people ought to look at this and understand this side of the story. It’s surprising you’re not more popular since you definitely possess the gift.
Great post. I was checking continuously this blog and I’m impressed! Extremely useful information particularly the last part š I care for such information a lot. I was looking for this particular information for a long time. Thank you and good luck.
I go through quite a few of your blogs inside the food and drink group plus they are all informative in one way or another. I really like foods and have an excellent deal of food items layout knowledge. Remember to