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!
<head> <meta charset="<?php bloginfo( 'charset' ); ?>" /> <title> <?php wp_title( '|', true, 'right' ); bloginfo( 'name' ); ?> </title> <link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo( 'stylesheet_url' ); ?>" /> <link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" /> <?php if ( is_singular() && get_option( 'thread_comments' ) ) wp_enqueue_script( 'comment-reply' ); wp_head(); ?> </head>
Hehehe… jangan pingsan dulu gan. Ane jelasin dah satu per satu 
Kode diatas untuk menggantikan kode di index.php sebelumnya. Cari tag <head> hingga </head> lalu ganti dengan kode diatas. Apa aja sih fungsinya? Kita urut dari atas sampai bawah ya?
<meta charset="<?php bloginfo( 'charset' ); ?>" />
Kode ini untuk memberitahu browser kita memakai karakter apa dalam blog. Biarin seperti itu aja.
<title> <?php wp_title( '|', true, 'right' ); bloginfo( 'name' ); ?> </title>
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
<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" />
Ini kode untuk menerima ping back dari blog lain. Jadi kalau ada yang ngasih link ke kita, kita bisa langsung tahu.
<?php if ( is_singular() && get_option( 'thread_comments' ) ) wp_enqueue_script( 'comment-reply' ); wp_head(); ?>
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…
Diakses dg kata kunci:
cara buat gambar berganti banner wordpress (78), membuat themes (61), HEADING (6), tema php (6), membuat gambar berganti pada website (3), cara membuat tampilan photo yg bisa berubah otomatis di web html (3), cara membuat gambar berganti-ganti pada blogspot (3), cara membuat kepala web html (2), cara membuat baner berganti pada website dengan php (2), cara membuat gambar berganti-ganti sendiri pada blog (2), membuat header web php (2), cara membuat image berganti-ganti di php (2), membuat header berubah ubah (2), membuat banner web head link (2), cara membuat header menggunakan PHP (2), membuat foto berganti (2), membuat foto berganti ganti di web dengan php (2), cara membuat gambar header wordpress bisa berganti otomatis (2), cara buat foto berganti ganti di blog (2), header berganti wordpress (2), html gambar berganti (2), buat gambar banner berganti ganti dng php (2), cara agar theme berganti ganti gambar (2), kode untuk gambar berubah ubah di web (1), membuat banner header slideshow di wordpress (1), KODE-KODE HTML FOTO BERGANTI-GANTI (1), gambar kepala halaman slide (1), gambar heading html (1), membuat foto berganti di website (1), gambar header worpress berganti-ganti (1), membuat foto berganti ganti (1), link rel image blogspot per post (1), gambar header berganti ganti wordpress (1), membuat foto berganti ganti di website (1), membuat foto berganti pada web (1), membuat foto yang berubah-ubah di website (1), gambar buat kepala halaman blog (1), koding untuk membuat gambar berubah otomatis (1), image berganti di wordpress (1), membuat banner berubah ubah php (1), letak fungsi wp_head (1), letak head di dalam web (1), letak wp_head function (1), kode html gambar berganti di d (1), memasang foto berganti ganti di web (1), memasang header wordpres slide show (1), membuar berita berganti-ganti (1), langkah pembuatan tema header (1), membuat background header berganti otomatis pada blog wordpress (1), langkah membuat header menggunakan php (1)
Daftar Isi Membuat Theme WP
- Cara Membuat Theme WordPress
- Membangun Theme WP: Style.css
- Membangun WP Theme: index.php
- Bikin Theme WP: Designing
- Bikin Tema WP: Layout
- Membuat Theme: Heading
- Buat Theme WordPress: Blog Header
- Buat Theme WP: Konten
- Mengatur Konten dalam Themes WordPress
- Styling Konten WordPress
- Membuat Sidebar Widget
- Styling Sidebar
- Membuat Footer
- Membuat Custom Background
- Membuat Drop Down Menu
- Search Form Gaya dengan Image
- Memasang Featured Image
- Memperbaiki tampilan halaman depan
- Membuat Featured Slide Show
- Bermain-main dengan Looping WordPress
- Memecah File Themes
- Memecah Sidebar
- Membuat File Single.php, archive.php, dll
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
<head>dan</head>di 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