Bagaimana Cara Menambahkan Kode pada Header/Footer WordPress

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. Ini adalah tutorial cepat untuk memasukan kode HTML/PHP ke dalam header atau footer pada WordPress.

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 untuk para pemula karena setiap elemennya memiliki file sendiri-sendiri. Namun hal ini akan sangat mudah sekali kalau kamu mengetahui apa yang harus kamu cari.

Pada WordPress, ada dua cara yang bisa kamu lakukan untuk menambahkan kode pada header/footer.

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 kemudian cari tajuk tema (header.php).

Kalau kamu ingin memasukan kode pada footer, cari file footer.php yang juga ada di halaman yang sama.

Pada text editor akan muncul isi dari 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, seperti contoh berikut:

?><!DOCTYPE html>
<html <?php language_attributes(); ?> class="no-js no-svg">
<head> //kamu bisa memasukan kode dari sini
<meta charset="<?php bloginfo( 'charset' ); ?>">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="profile" href="http://gmpg.org/xfn/11">

<?php wp_head(); ?>
</head> //...sampai sini

Masukan kode yang kamu inginkan dan klik tombol Perbarui Berkas.

Sedangkan untuk memasukan kode pada footer, letakkan kode di atas tag </body>. Selesai.

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

masukan-kode-pada-header-footer-wordpress-dengan-plugin

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 laman depan saja.

Setelah selesai, klik tombol save dan periksa hasil kerja kamu. Sangat mudah bukan?

Tulis pertanyaan dan saran pada kolom komentar di bawah ini. Kalau pos ini membantu kamu, jangan segan untuk berbagi dengan yang lain ya.

Posted in Wordpress.

Tulis komentar kamu di sini...

2 Comments on "Bagaimana Cara Menambahkan Kode pada Header/Footer WordPress"

Notify of
avatar
Salam Indragiri
Guest

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 …

Syafiq Salman
Admin

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.php karena adanya di file czr-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!

wpDiscuz