Ini adalah pertemuan keenam dalam seri panduan membangun theme WordPress. Anda bisa membaca artikel-artikel sebelumnya dengan melihat daftar isi di bawah artikel ini.
Setelah kita melakukan tata letak layout di artikel sebelumnya, saatnya sekarang kita mengutak-atik bagian headernya. Disini kita akan mulai mencoba memasukkan fungsi-fungsi WordPress ke dalam theme blog kita. Yuk kita mulai!
<?php wp_title( '|', true, 'right' ); bloginfo( 'name' ); ?>
Hehehe… jangan pingsan dulu gan. Ane jelasin dah satu per satu 🙂 Kode diatas untuk menggantikan kode di index.php sebelumnya. Cari tag hingga lalu ganti dengan kode diatas. Apa aja sih fungsinya? Kita urut dari atas sampai bawah ya?
Kode ini untuk memberitahu browser kita memakai karakter apa dalam blog. Biarin seperti itu aja.
<?php wp_title( '|', true, 'right' ); bloginfo( 'name' ); ?>
Kode ini untuk mengatur title blog. Akan muncul di bagian paling atas browser. Kode wp_title akan berubah-ubah menurut judul artikel. Kalau di halaman depan, maka dia tidak akan memunculkan apa-apa. Sedangkan kode bloginfo('name'); akan memunculkan nama blog anda. Anda bisa mengubah nama blog melalui menu Settings – General
Ini kode untuk menerima ping back dari blog lain. Jadi kalau ada yang ngasih link ke kita, kita bisa langsung tahu.
Kalau kode diatas kita perlukan agar fungsi reply comment berfungsi. Tahu kan reply comment? Contohnya di blog ini. Kalau anda klik reply, maka secara otomatis form akan muncul disana dan anda bisa langsung ketik komentar di bawahnya. Canggih ya?
Nah, kalau udah dimasukkan semua, simpan deh filenya index.php dan coba anda lihat hasilnya. Untuk menguji titlenya, coba buka sebuah artikel melalui menu Posts – Posts. Klik view salah satu artikel. Seharusnya judulnya sudah berganti-ganti menurut judul artikelnya.
Oke, kita sudah belajar aneka atribut di head. Insya Allah besok kita akan utak-atik bagian header blog. Ditunggu yah… 🙂
52 replies on “Membuat Theme: Heading”
Mantap.. Kalo belajarnya begini, mudah dimengerti. Lanjut mas..
Sip.. kalau ada kesulitan langsung tanya aja mumpung belum banyak
Wah, ini sudah jadi temennya seo ya cak … 😀
Salam
Insya Allah nanti themes-nya SEO Friendly 🙂
Oooh…. Terima kasih atas pencerahannya Mas. Biasa, saya saya simpan lagi.
mantap tutorialnya gan …..lanjut gan dan tambah sukses
lanjutin mas… ane sedari dulu nungguin yang kaya ginian
kalo beneran jadi 1 buku, aku pasti beli nih mas… lagi butuh banget tutorial dasar untuk bikin theme wordpress sendiri..
mantap habis pak bos, hebat, terusin pak bos..nyimak terus nih dari awal sampe saking seriusnya g sempat comment
mantap banget 🙂 step by step langsung bisa 🙂
ban saya mau tanya gimana caranya membuat layoutnya dengan photoshop apakah bisa….?
untuk design biasanya memang pakai photoshop, selanjutnya di potong-potong dan dijadikan HTML
mas, saya mau tanya boleh kan
setelah saya masuk tahap ini blog saya jadi
fatal eror
fatal errornya apa?
Cukup menarik dan berguna tipsnya. Ditunggu tips berikutnya.Thaks!
Sip akhirnya nemu juga yang kaya gini, …… makasih mas semoga amalnya dijadikan amal sholeh
Suatu saat saya akan praktekkan. he . . . 😎
tutorilanya bagus dan mudah dimengerti mantap mas
saya sudah mereplace kode sebelumnya di antara dengan di index.php tapi hasilnya error mas, tulisannya Fatal error: Call to undefine function. apa ada yang salah ya?
saya sudah me-replace kode sebelumnya di antara
dandi index.php tapi hasilnya error mas, tulisannya Fatal error: Call to undefine function wp_title() in… apa ada yang salah ya?Mas naya , setelah saya mengikuti tutorial tentang heading ini . ane coba ikuti membuat Post namun ko Post nya gak muncul yah apa yang salah yah terimakasih
mas, kok post-nya ga muncul ya???
karna untuk step ini cuma..
1. memberitahu browser kita pake karakter apa
2. menampilkan title blog klo kita rubah di general-settings
3. menampilkan pingback
4. menampilkan form komentar
jdi belum bisa menampilkan konten CMIIW 🙂
Emang enak jadi yang terakhir …. bukan yang pertama …. langsung ngerti problem solving-nya… thanks…
bener bener yang terakhir dapat tambahan ilmu heheheee
Saya masih pusing dengan kode-kode seperti diatas Maklumlah masih ingusan,,
Tapi saya masih pakai yang bawaan sebelum nanti mengerti mengotak-atiknya..
terimakasih mas..
Dear Admin
saya sangat berterimakasih atas semua artikel di blog ini, ini yang saya cari-cari dari dulu dan akhirnya ketemu juga.
salam
di lap dong gan ingusnya… wakakaakak
kalau untuk bagian ini maksudnya buat apa ya om?
<link rel="stylesheet" type="text/css" media="all" href="” />
dan bagian ini :
dan ini
kalo bisa dibuatkan dalam bentuk ebook lalu di download
Thanks Gan infonya….
kok punya saya gak muncul posting hello word nya? apa karena menggunakan cms yang versi 3.4? mohon penjelasannya.
Ajiiibb.. Berguna banget nih gan.. Makasih postingannyaa… (y)
mas, saya udah baca dan praktekkan semua theme yang diajarkan, cuma mau nanya kalau untuk membuat space iklan di header gmn? atau enaknya membagi header jadi 2 bagian rata. makasih
mas,, nanya donk,, kita tau nya ada web yg nge link ke web kita itu gimana ya ?
Ya dilihat webnya. kalau ada link web kita disana berarti kita dapat link 🙂
mas mau nanya kok tittle saya munculnya begini sih, bukan diatas tempat tab browser
http://i989.photobucket.com/albums/af11/zenonk21/error_zpsb3c3c00c.png
sudah ketemu mas masalahnya 😀
dimana masalahnya mas, ~_~ punya saya tidak muncul hello wordnya
udah ngerti, ternyata belum sampai pokok bahasannya 😀
Maaf mas mau nanya. .saya kan pake editornya dreamweaver dan pake server lokal (localhost)nya XAMPP. .ketika saya masukkan kode” di atas kok kagak bisa yaa mas? ?apa itu dari awal extensi indexnya index.php mas? ?
.terimakasih
yoi mas, dari awal memang index.php , jangan diganti/dihapus kalo ndak ada index.php , bisa blank ntar.
itu yg saya tau
Bisa kasih saran untuk mengatur widget yang semula ada sebagai h1 dirubah menjadi h3. terima kasih. jawaban bisa via email saya ya mas. web saya http://www.serbakuat.tk
paham mas…lanjut articel selanjutnya…..
I just want to tell you that I am just beginner to weblog and absolutely liked your blog site. Almost certainly I’m planning to bookmark your website . You definitely have awesome article content. Thanks a lot for revealing your web-site.
And also, since setting up a page is free of charge, it is possible to start up developing direct exposure free of charge in the least
Well, I theorize that could live because Abigail and the girls commenced accusing additional persons of witchcraft when they had been recently discovered dancing naked in the interior the woods and therefore, bad. Abigail furthermore engaged in a affair along with John Proctor. Persons they were accusing were completely not answerable of accurately what they’d been recently accused allied with, and the particular accusers had been the greatest machine by the globe from being holy… they wrecked up point of reference bogus witness.
Just desire to say your article is as astonishing. The clearness in your post is simply nice and i can assume you are an expert on this subject. Well with your permission allow me to grab your RSS feed to keep up to date with forthcoming post. Thanks a million and please carry on the gratifying work.
It is perfect time to make a few plans for the future and it’s time to be happy. I have read this submit and if I could I wish to counsel you some attention-grabbing issues or advice. Perhaps you can write subsequent articles referring to this article. I want to learn even more issues about it!
Excellent post. I will be experiencing many of these issues as well..
I like the valuable info you provide in your articles. I will bookmark your blog and check again here regularly. I’m quite sure I’ll learn many new stuff right here! Good luck for the next!