Bagaimana cara menyisipkan header dan footer di wordpress?

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?

Bagaimana cara menambahkan tajuk teratas di WordPress?

Bagaimana cara menginstal plugin header dan footer di WordPress?

Bagaimana cara menambahkan footer ke situs WordPress saya?

Bagaimana cara menambahkan kode header dan footer di WordPress tanpa plugin?