Beberapa layanan, seperti Google Adsense dan Mailchimp, meminta Anda menambahkan kode ke header situs untuk memverifikasi situs, menambahkan konten, mengintegrasikan fitur, atau lainnya. Panduan ini akan menunjukkan caranya
Daftar isi
Layanan Terintegrasi
Untuk Google, Bing, Pinterest, Yandex, dan Facebook Business, kami memiliki cara yang lebih sederhana untuk memverifikasi situs atau domain Anda, dijelaskan di Layanan Verifikasi Situs. Metode ini memungkinkan Anda menambahkan kode dengan aman tanpa memanipulasi file situs
Kunjungi Alat → Pemasaran → Traffic dan gulir ke bawah ke Layanan verifikasi situs untuk mengakses alat ini
Menambahkan Kode ke Header. php
Bagian panduan ini berlaku untuk situs dengan WordPress. com Bisnis atau paket eCommerce. Jika situs Anda memiliki salah satu paket lawas kami, fitur ini tersedia di paket Pro
If you’re trying to add code to the header of your site, the instructions may vary, but it can usually be done the same way here at WordPress.com. Some places will explain that it should be added between and while some will suggest using a theme editor or adding to the HTML header.
Alasan kode-kode ini ditambahkan ke header adalah agar kode tersebut ditampilkan di setiap halaman dan postingan situs Anda
Kami merekomendasikan menggunakan plugin untuk melakukan ini, seperti plugin WPCode – Insert Headers, Footers, and Code Snippets
WPBeginner mengembangkan Sisipkan Header dan Footer, sebuah plugin yang dapat Anda gunakan untuk memasukkan kode untuk kartu Twitter, piksel Facebook, CSS khusus, dan lainnya ke header atau footer situs WordPress Anda. Plugin ini kompatibel dengan WordPress 4. 6 dan lebih tinggi. Ini juga mendukung PHP versi 5. 2 dan lebih tinggi. Anda dapat mengunduhnya gratis dalam 22 bahasa
Anda tidak perlu mengedit file tema Anda dengan plugin ini, tetapi plugin ini memungkinkan Anda memasukkan skrip dari satu tempat. Opsi alternatif untuk plugin ini termasuk Header Footer Script Loader, My Header Footer, dan AddFunc Head and Footer Code
Fitur plugin
Sisipkan Header dan Footer memudahkan penyisipan skrip ke area header atau footer. Anda dapat menggunakannya untuk memasukkan kode untuk kartu Twitter, piksel Facebook, dan CSS khusus. Ini mendukung kode atau skrip apa pun, termasuk HTML dan Javascript
Plugin memungkinkan Anda untuk menonaktifkan area ini pada halaman yang dipilih menggunakan filter Boolean. Bergantung pada filter, ini akan menonaktifkan pencetakan di seluruh halaman atau hanya untuk header atau footer dari halaman yang ditentukan
Cara Penggunaan
Di dasbor WordPress Anda, navigasikan ke Pengaturan, lalu Sisipkan Header dan Footer. Ini akan membuka layar sederhana dengan tiga blok tempat Anda dapat menambahkan skrip Anda
- 'Scripts in Header' menambahkan skrip ke bagian tersebut
- 'Scripts in Body' menambahkan skrip di bawah awal tag
- 'Scripts in Footer' menambahkan skrip di atas tag penutup
Setelah Anda memasukkan semua skrip yang diperlukan, klik Simpan. Untuk memeriksa ulang, lihat halaman di ujung depan, dan klik kanan untuk 'Lihat Sumber Halaman'. Bersihkan cache browser dan situs Anda jika Anda tidak melihat kodenya
Manfaat plugin
Plugin membuatnya lebih cepat untuk mengedit kode dan mencegah kesalahan karena membatasi kemungkinan menghapus atau menempatkan kode di tempat yang salah saat mengedit file tema. Itu menyimpan perubahan Anda saat file tema Anda diperbarui. Sangat mudah untuk mengikuti semua skrip Anda dengan melihatnya di dasbor WordPress
Tambahkan kode ke header dan footer
Plugin Insert Headers and Footers adalah cara mudah untuk memasukkan kode ke area ini. Ini memiliki manfaat mengurangi kesalahan dari mengedit atau menghapus kode di file tema Anda. Anda bahkan dapat menonaktifkannya di halaman tertentu
Rilis terbaru meningkatkan pengalaman pengguna di halaman Pengaturan untuk penginstalan WordPress yang disesuaikan. Itu juga memperbaiki tampilkan pengaturan CTA hanya untuk pengguna yang mengunjungi halaman pengaturan
Apakah Anda mencari cara termudah untuk menambahkan kode header dan footer di WordPress?
Namun, terkadang menambahkan baris kode ke header atau footer diperlukan untuk menggunakan plugin atau layanan pihak ketiga seperti Google Analytics. Sayangnya, tidak ada fitur bawaan yang memungkinkan Anda mengedit header atau footer di dalam WordPress
Nah, di luar menggunakan sistem editor. Tapi ini sering tidak dianjurkan tergantung pada keadaan
Hari ini, saya akan mendemonstrasikan cara menambahkan kode header dan footer di WordPress menggunakan plugin Insert Headers and Footers
Kapan Saya Perlu Menambahkan Kode Header dan Footer
Kode header dan footer digunakan untuk berbagai hal. Banyak plugin memerlukan sepotong kecil kode di header atau footer agar berfungsi dengan baik. Layanan pihak ketiga akan meminta Anda untuk menempatkan kunci API atau ID identifikasi di area ini
Jika Anda memilih untuk menambahkan CSS atau JavaScript khusus, terkadang kode header dan footer diperlukan
Setiap kali Anda mengganti tema WordPress Anda, Anda harus memasukkan kembali kode apa pun yang ada di area header dan footer Anda. Jika tidak, plugin dan layanan pihak ketiga yang bergantung pada cuplikan yang Anda gunakan sebelumnya mungkin tidak berfungsi hingga Anda melakukannya
Mengapa Menggunakan Plugin Header dan Footer
Meskipun Anda pasti dapat memasukkan kode apa pun secara manual ke area ini, ada banyak kesalahan. Sebagai permulaan, setiap kali Anda mengedit file secara langsung, Anda berisiko membuat kesalahan. Namun, masalah dengan membuat kesalahan di dalam file adalah dapat melumpuhkan seluruh situs web Anda
Untuk menghindari situasi ini, Anda harus selalu membuat cadangan situs web Anda sebelum mengedit kode apa pun
Menggunakan plugin melindungi Anda dari membuat kesalahan ini sejak awal. Sebagian besar plugin akan memeriksa kesalahan apa pun yang Anda coba tambahkan. Beberapa bahkan tidak mengizinkan Anda menambahkan kode yang akan menyebabkan kesalahan. Tetapi jika Anda melakukan kesalahan, Anda dapat dengan mudah menemukan kode yang Anda tambahkan dari halaman plugin
Dengan demikian, menggunakan plugin mencegah kesalahan dan membuat area header dan footer Anda lebih teratur
Memasang Insert Header dan Footer
Sisipkan Header dan Footer tidak diragukan lagi adalah plugin header dan footer paling populer di WordPress. Ini memiliki lebih dari 700.000 pemasangan aktif dan untuk alasan yang bagus. Ini memiliki antarmuka pengguna paling sederhana dari plugin lain dan Anda dapat segera memulai
Mari kita mulai dengan mengklik Plugin dan memilih opsi Tambah Baru di panel admin sebelah kiri
Cari Sisipkan Header dan Footer di kotak pencarian yang tersedia. Ini akan menarik plugin tambahan yang mungkin berguna bagi Anda
Gulir ke bawah hingga Anda menemukan plugin Sisipkan Header dan Footer dan klik tombol "Instal Sekarang" dan aktifkan plugin untuk digunakan
Tidak seperti kebanyakan plugin, tidak ada pengaturan tambahan untuk diedit. Plugin siap digunakan segera setelah aktivasi
Menggunakan Sisipkan Header dan Footer
Di panel admin sebelah kiri, klik Pengaturan dan pilih opsi Sisipkan Header dan Footer
Di halaman ini, Anda dapat dengan mudah menambahkan kode header atau footer dengan memasukkannya ke dalam kotak masing-masing. Setelah Anda selesai memasukkan kode, klik tombol "Simpan".
Plugin akan segera menyimpan kode ke situs web Anda. Anda dapat mengedit kapan saja dengan kembali ke halaman ini
Catatan. Jika nanti Anda menonaktifkan plugin ini, kode apa pun yang telah Anda tambahkan tidak akan berlaku lagi. Untungnya, kode tersebut tidak akan hilang saat penonaktifan. Artinya, segera setelah Anda mengaktifkan kembali plugin, kode akan ditambahkan lagi
Namun perlu diingat bahwa menonaktifkan plugin tertentu adalah cara yang baik untuk menghentikan skrip apa pun yang menyebabkan masalah pada situs web Anda saat terjadi keadaan darurat.
Selamat, Anda telah berhasil mempelajari cara termudah untuk menambahkan kode header dan footer di WordPress
Plugin Tambahan
Jika karena alasan tertentu Anda tidak menyukai plugin Insert Headers and Footers, masih banyak lagi yang bisa dipilih. Meskipun menurut saya pribadi ini yang paling mudah digunakan, orang lain mungkin tidak setuju. Berikut beberapa tambahan plugin header dan footer yang bisa digunakan sebagai pengganti
Kode Head & Footer
Plugin Head & Footer Code adalah pilihan yang bagus. Setelah instalasi, Anda dapat mulai menambahkan kode header atau footer apa pun dengan memasukkannya ke dalam kotak masing-masing. Ini lebih kuat daripada plugin Sisipkan Header dan Footer, yang bagus untuk pengembang dengan pengalaman pengkodean
Namun, ini juga dapat merugikan Anda jika pengetahuan Anda kurang karena memiliki lebih banyak pengaturan untuk diubah
Header, Footer, dan Post Injeksi
Plugin Header, Footer, dan Post Injections adalah opsi yang sangat kuat untuk menambahkan kode header dan footer di dalam WordPress. Selain memungkinkan Anda menambahkan elemen header dan footer dengan mudah, ia juga memiliki fitur post injection
Ini mengacu pada kode apa pun yang akan Anda tambahkan sebelum atau sesudah konten posting Anda. Ini adalah pilihan yang bagus jika Anda mencari plugin yang menawarkan fitur tambahan
Penyisip Skrip Head dan Footer
Plugin Head and Footer Scripts Inserter memungkinkan Anda dengan mudah menambahkan skrip khusus ke area header dan footer Anda. Ini bisa berupa JavaScripts, HTML atau CSS. Ini cukup mudah digunakan dan memiliki antarmuka pengguna yang bagus untuk digunakan
Ini adalah pilihan yang bagus untuk mereka yang membutuhkan cara sederhana untuk menambahkan skrip ke area header dan footer tanpa banyak pengaturan yang membingungkan.
Buatlah Mudah Untuk Diri Anda Sendiri
Bagian terbaik dari platform WordPress adalah kesederhanaannya. Bahkan jika Anda belum pernah membuat kode sebelumnya dalam hidup Anda, Anda dapat menggunakan platform WordPress untuk membuat situs web yang hebat. Namun, ketika sebuah contoh muncul yang mengharuskan Anda untuk menambahkan kode ke header atau footer Anda, permudah diri Anda sendiri
Plugin ini membuat proses lebih mudah ditangani. Setiap kali Anda mulai berjuang di WordPress, carilah alternatif. Hampir selalu ada cara yang lebih mudah untuk menyelesaikan tugas
Seberapa mudah Anda menemukan plugin Insert Headers and Footers?