Cara Menambahkan Skrip Header Dan Footer Ke Situs Wordpress Anda

 

Cara Menambahkan Skrip Header Dan Footer Ke Situs Wordpress Anda. Jika Anda berada dalam bisnis membangun, memelihara, atau memperluas situs WordPress Anda, kemungkinan besar Anda diminta untuk menambahkan semacam kode ke header atau footer situs Anda. Banyak alat populer, seperti Google Analytics, Facebook Pixel, berbagai metode verifikasi mesin pencari, perlu menambahkan beberapa kode ke situs Anda agar berfungsi dengan baik. Ada dua cara utama untuk mencapai ini di WordPress, di bawah ini kita akan melihat keduanya. 

Baca : Cara Membuat Footer Di Wordpress  

Caranya Mudah, Menggunakan Plugin

Seperti yang mungkin Anda perhatikan, ada plugin wordpress untuk hampir semua hal yang ingin Anda lakukan di WordPress, tidak terkecuali menambahkan kode ke header & footer. Orang-orang baik di WPBeginner telah membuat Insert Headers and Footers sebagai plugin yang sangat sederhana untuk membantu Anda menambahkan kode ke header atau footer situs. Plugin tidak bisa lebih mudah digunakan. Instal, aktifkan, dan arahkan ke Pengaturan > Sisipkan Header dan Footer. Rekatkan kode Anda di kotak yang sesuai dan klik tombol simpan. Itu dia. Kode tambahan Anda akan ditampilkan di area yang sesuai di situs Anda. 

Jika Anda mencari sesuatu yang lebih terlibat, Anda dapat melihat plugin Header Footer Code Manager yang memungkinkan Anda untuk tidak hanya menambahkan skrip header dan footer, tetapi mengontrol dengan lebih detail di mana mereka akan dimuat, misalnya Anda mungkin memiliki beberapa kode bahwa Anda hanya perlu memuat pada halaman tertentu, posting atau jenis posting khusus, Anda juga dapat memilih untuk memuat sesuatu di perangkat seluler dan bukan desktop, dll. Untuk menambahkan cuplikan baru, buka HFCM > Tambah baru, tambahkan cuplikan Anda, konfigurasikan di mana Anda ingin itu muncul dan disimpan.

Menggunakan plugin untuk menambahkan fungsionalitas ini ke situs Anda memiliki keuntungan karena cepat, bersih, dan mudah, sekaligus mencegah sebagian besar kesalahan. Selain itu, ini memungkinkan Anda untuk mengubah tema dan mempertahankan semua kode aktif yang disuntikkan di tempatnya.

Semakin banyak pendekatan langsung, menggunakan tema anak

Jika Anda lebih suka pendekatan DIY untuk menambahkan kode ke header dan footer tema Anda, mulailah dengan membuat tema anak, jika Anda menggunakan salah satu tema kami, kami menyediakan tema anak siap pakai di bagian unduhan kami. Untuk menambahkan kode kita di header atau footer kita akan menggunakan WordPress hooks. Semua kode ada di akhir file functions.php tema anak.

Untuk menambahkan kode ke header kita akan menggunakan wp_head hook. Anda perlu menempelkan sesuatu seperti ini

// Tambahkan komentar yang bermakna sehingga Anda langsung tahu apa yang dilakukan kode di bawah ini.

add_action('wp_head', 'my_custom_header_code');

fungsi my_custom_header_code(){

?>

KODE ANDA DI SINI

<?php

};

Menambahkan kode ke header.

Demikian pula untuk menambahkan kode ke footer kita akan menggunakan hook wp_footer.

<?php

// Tambahkan komentar yang bermakna sehingga Anda langsung tahu apa yang dilakukan kode di bawah ini.

add_action('wp_footer', 'my_custom_footer_code');

fungsi my_custom_footer_code(){

?>

KODE ANDA DI SINI

<?php

};

Tambahkan Kode Khusus Ke Footer

Dalam cuplikan di atas, Anda perlu mengganti komentar dengan sepotong teks yang menjelaskan apa yang dilakukan kode, mengganti kedua contoh nama fungsi, dan terakhir mengganti placeholder KODE ANDA DI SINI dengan kode yang perlu Anda tampilkan ke header atau footer.

Untuk kontrol yang lebih halus atas tempat pemuatan kode khusus Anda, Anda dapat memasukkan tag bersyarat ke dalamnya. Misalnya jika Anda ingin memuat kode tertentu ke footer halaman 404, Anda dapat menggunakan cuplikan seperti ini: 

// Tambahkan komentar yang bermakna sehingga Anda langsung tahu apa yang dilakukan kode di bawah ini.

add_action('wp_footer', 'my_custom_footer_code');

jika( is_404() ) {

?>

KODE ANDA DI SINI

<?php }

};

Tambahkan kode ke footer 404 halaman.

Metode Lain

Demi kelengkapan, kami akan menyebutkan bahwa Anda juga dapat menambahkan kode ke header dan footer tema dengan mengedit file functions.php tema induk, yang memiliki kerugian diganti sepenuhnya setelah Anda memperbarui tema. Anda juga dapat menyalin langsung mengedit file header.php dan footer.php dari tema Anda (sebaiknya setelah menyalinnya ke tema anak) namun tidak disarankan karena Anda mungkin menemukan kode yang tidak Anda pahami di dalamnya dan berpotensi merusak sesuatu jika Anda edit hal yang salah, hook jauh lebih disukai karena memberi Anda kemampuan untuk menyuntikkan kode di mana Anda membutuhkannya tanpa menyentuh file tema Anda.

Maksimalkan kerja website menggunakan layanan hosting profesional. Ada banyak hosting murah namun kualitas kurang maksimal. Untuk itu pilih hosting terbaik untuk Anda.