Bingung cara menambahkan kode pada header WordPress? Pada tutorial singkat ini, saya akan menjelaskan cara memasukan kode pada header/footer WordPress dengan cara manual atau dengan bantuan plugin.
Pada beberapa tutorial, seperti ketika kamu ingin menggunakan Google Analytic ataupun mengatur OpenGraph dan Twitter Card, seringkali ada instruksi untuk memasukan kode HTML ke dalam header WordPress tanpa ada penjelasan lebih lanjut. Hal ini mungkin sepele bagi beberapa orang, namun untuk pemula hal ini akan sangat membingungkan.
Pada Blogger, cara ini sangat mudah untuk dilakukan karena semua elemen blog ada pada satu file template sehingga kamu dapat dengan mudah untuk menemukan header atau footer blog tersebut.
Sedangkan pada WordPress mungkin akan sedikit membingungkan karena tiap elemen memiliki file sendiri-sendiri. Namun hal ini akan sangat mudah sekali kalau kamu mengetahui apa yang harus kamu cari.
Daftar Isi
Cara Menambahkan Kode pada Header/Footer WordPress
Pada WordPress, ada dua cara yang bisa kamu lakukan untuk menambahkan kode pada header/footer yaitu dengan cara manual atau dengan bantuan plugin.
1. Menambahkan Kode pada Header/Footer WordPress Secara Manual
Cara pertama yang bisa kamu lakukan adalah dengan memasukannya secara manual melalui text editor tema yang bisa kamu akses melalui dashboard WordPress.
Masuk ke menu TAMPILAN » PENYUNTING atau APPEARANCE » EDITOR lalu cari file tajuk tema (header.php).
Bila kamu ingin memasukan kode pada footer, cari file footer.php yang juga ada di halaman yang sama.
Pada text editor akan muncul isi dari file header.php dan untuk memasukan kode pada file tersebut, kamu cukup mencari baris kode di antara tag <head> dan </head> yang biasanya berada pada baris-baris awal.
Setelah itu, masukan kode yang kamu inginkan dan klik tombol PERBARUI BERKAS.
Sedangkan untuk memasukan kode pada footer, cukup letakkan kode di atas tag </body>, selesai.
2. Menambahkan Kode pada Header/Footer WordPress dengan Plugin
Pada cara kedua, untuk kamu yang tidak ingin mengutak-atik isi file header.php, kamu juga dapat menggunakan beberapa plugin seperti,
Dan pada contoh kali ini, saya akan menggunakan plugin Header and Footer untuk memasukan kode ke dalam header WordPress.
Pertama-tama, pasang dulu plugin tersebut lalu aktifkan.
Untuk menggunakannya, masuk ke menu PENGATURAN » HEADER AND FOOTER.
NOTE: Perlu diketahui bahwa plugin ini tidak hanya bisa digunakan untuk menambahkan kode pada header saja tapi juga pada tempat lainnya seperti pos, laman depan (homepage), dll.
Untuk memasukan kode, kamu cukup mengetiknya pada kotak isian yang tersedia. Kalau kamu mau, ada juga opsi untuk menambahkan kode pada header yang berada di laman depan saja.
Setelah selesai, klik tombol save dan periksa hasil kerja kamu. Sangat mudah bukan?
Penutup
Itulah dua cara yang bisa dilakukan untuk menambahkan kode pada header/footer WordPress.
Untuk cara manual, kamu harus tahu bahwa kode yang kamu masukan akan hilang bila kamu mengupdate atau mengganti tema yang kamu pakai saat ini.
Bila kamu tidak ingin memakai plugin yang saya rekomendasikan, kamu bisa membuat tema anak (child theme) agar perubahan yang kamu lakukan tidak hilang.
gan, itu untuk wordpress berbayar yaa ?
saya mau nambahain tombol WA tapi lewat header, saya cari di customize tidak ada setting header
Iya, kustomisasi hanya untuk pemakai WordPress.org saja, kalau masih pakai WordPress.com belum bisa.
saya menggunakan tema haralampilux. untuk mengganti header kenapa sangat sulit.mohon infonya
Haralampilux itu template Blogger yah? Mau diubah seperti apa headernya? coba dilempar ke sini saja linknya, siapa tahu saya bisa bantu.
Cussss mantul sekali tutorialnya, mau coba masukin sesuatu soalnya di head..
Makasih banyak info nya min wkwkwkwk tertolong banget saya
Makasih min informasi nya, sangat membantu saya..
Cuss… Terimakasih buat informasi dan cara-caranya. Akhirnya bisa confirm
kode apa baru kode bang untuk footer.php nya
Maksudnya?
Terima kasih panduannya, sangat bermanfaat seklai bagi pemula seperti saya, karena saya kurang begitu memahami setting html.
Thanks admin, langsung mencoba langsung aktif ,
Sangat membantu , Salam sukses Berjamaah
Alhamdulillah kalau artikel ini bisa membantu blogger lain, salam sukses juga mas Prayogo.
Di tema saya tidak ada pilihan editor, untuk instal plugin tapi keterangannya upgrade dulu ke Business Plan, mau masukin kode google analytics. Ada cara lain? Terima kasih.
Harus upgrade ke Business Plan dulu berarti pakai wordpress.com yah?
Kalau iya, setahu saya wp.com memang tidak support kecuali upgrade paket dulu. Kalau sudah diupgrade, nanti ada fitur Analytics dan kita tinggal masukin tracking ID-nya di situ.
Untuk paket gratis, pilihan statistiknya memang hanya data dari plugin JetPack saja. Kalau untuk cara lain, saya lihat ada yang bisa menghubungkan wp.com dengan Google Analytics menggunakan CloudFlare. Tapi saya belum pernah coba jadi belum bisa komentar banyak.
Kalau muncul peringatan kaya gini
(Terjadi kesalahan. Perubahan Anda mungkin tidak tersimpan. Silakan coba lagi. Ada kemungkinan Anda harus memperbaikinya secara manual dan mengunggah berkas tersebut melalui FTP.)
Gimana solusi nya?
Hi mas Nagakid
Boleh tau apa yang sedang dikerjakan mas?
Makasih tutorialnya gan, berguna banget buat saya yang baru pake WP
Sepertinya sangat menarik, terus terang saya masih belum pernah utak atik baik itu header/footer karena masih awam sekali, dari kedua point diatas yang lebih baik apa ya gan? pengeditan dengan cara manual melalui text editor tema WordPress atau dengan menggunakan pluggin saja?
Terimakasih
Lebih enak pakai plugin.
Kalau melakukannya secara manual langsung ke file tema, setiap kali update atau ganti tema, kode yang kita tambahkan di header/footer bisa hilang dan harus ditulis ulang.
Sudah pernah coba pake tema “customizr” min ?
pada tema itu susah banget cari kode dan nya .
aku suka, page speed nya A.
tapi pas aku mau pasang Page Level Ads by adsense dan Ads code by DoubleClick, aku bingung.
bantu donk …
Yup, pernah nyobain Customizr dulu. Tapi ternyata dah berubah banyak skrng, jd lebih bagus tuh pas nyobain tadi.
Kalo mau masukin kode ke header, tag <head> pada tema Customizr mang ga’ ketemu di file
header.phpkarena adanya di fileczr-front.php. Kalo masukinnya manual, saran saya bikin child theme (tema anak) supaya ga’ repot masukin kode lagi klo nanti temanya diupdate.Selamat mencoba kembali, mudah-mudahan bisa membantu yah!