Bagaimana cara menambahkan footer ke halaman wordpress?

Meskipun menyesuaikan footer bukanlah proses yang rumit, namun dapat memakan waktu lama untuk mendapatkan desain yang Anda inginkan. Ini karena setiap tema WordPress mungkin memiliki tata letak footer yang berbeda

Namun, jangan menganggap itu sebagai alasan untuk mengabaikannya. Footer dapat membantu situs Anda dalam beberapa cara. Pengunjung menavigasi ke bagian footer untuk mencari informasi, dan itu juga berguna untuk meningkatkan pengoptimalan mesin telusur (SEO)

Pada artikel ini, kita akan berbicara lebih banyak tentang cara mengedit footer di WordPress. Selain itu, kami akan menambahkan beberapa plugin footer WordPress untuk membantu proses pengeditan

Cara Mengedit Footer di WordPress – Video Tutorial

Pelajari cara mengedit footer di WordPress menggunakan widget, Penyesuai WordPress, editor blok, atau plugin

Berlangganan Untuk video pendidikan lainnya. Akademi Hostinger

Langganan

Apa itu Footer WordPress

Footer adalah bagian dari situs web yang terletak di bagian paling bawah halaman. Itu mencantumkan informasi tambahan tentang situs dan tautan ke halaman yang mungkin berguna bagi pengunjung. Selain itu, tautan internal membantu meningkatkan SEO situs

Area footer umumnya terdiri dari, namun tidak terbatas pada, komponen berikut

• Peta situs WordPress
• Ikon media sosial
• Langganan buletin
• Tautan ke halaman informasi perusahaan – Tentang, Detail Kontak, dan Tim
• Tautan ke sumber daya – Blog, Tutorial, dan Kursus
• Kebijakan Privasi dan Syarat dan Ketentuan
• Acara dan program
• Pelayanan pelanggan
• Klaim hak cipta

Tidak perlu memasukkan semua elemen ini. Pilih yang relevan dengan situs web Anda untuk menghindari area footer yang menghabiskan separuh halaman web

Dalam hal desain footer, semuanya tergantung pada preferensi pengguna. Namun, perlu diingat bahwa tema yang Anda pilih untuk situs WordPress Anda dapat memengaruhi gaya, pemformatan, dan fitur footer

Berikut adalah contoh tampilan footer situs

Dimungkinkan untuk memiliki footer seperti yang ditunjukkan di atas tanpa memiliki pengalaman mengembangkan web. Di bagian selanjutnya, kami akan menyajikan empat metode berbeda tentang cara mengedit footer di WordPress

Cara Mengedit Footer di WordPress

Konten footer dapat ditemukan di footer. php dari tema WordPress, dan dikodekan dalam HTML atau CSS

Namun, Anda tidak perlu mengedit file secara langsung untuk menyesuaikan footer situs web WordPress. Anda juga dapat menggunakan widget, Penyesuai WordPress, atau plugin

Edit Footer WordPress Anda Dengan Widget

Salah satu metode termudah untuk mengedit footer adalah dengan memanfaatkan sistem widget bawaan WordPress. Namun, ini hanya berlaku untuk tema yang memiliki area widget footer. Jika milik Anda tidak, cukup gunakan metode yang berbeda

Untuk mengakses area widget, arahkan kursor ke Appearance dan pilih Widgets dari dashboard WordPress Anda

Halaman Widget dibagi menjadi bagian Widget yang Tersedia dan area Footer

Ingatlah bahwa tema yang Anda gunakan mungkin memiliki jumlah area footer yang berbeda dari yang ditampilkan di atas

Untuk mengedit footer, cukup seret dan lepas widget ke area footer pilihan Anda. Kemudian, klik widget untuk mengonfigurasinya, dan tekan Simpan setelah selesai

Untuk menambahkan link ke area widget footer, ikuti langkah berikut

1. Arahkan ke Penampilan -> Menu

1. Ketik Nama Menu baru dan klik tombol Simpan Menu

1. Centang kotak di samping halaman, postingan, atau kategori yang ingin Anda tambahkan ke menu dan klik Tambahkan ke Menu
2. Tekan tombol Simpan Menu
3. Kembali ke halaman Widget WordPress, lalu seret dan lepas widget Menu Navigasi ke area footer
4. Pilih menu yang baru dibuat dari menu tarik-turun, lalu tekan Simpan

Edit Footer melalui Tema WordPress Anda

Pengguna WordPress juga dapat mengedit aspek visual footer menggunakan Customizer bawaan. Ini menunjukkan pratinjau langsung situs web Anda, sehingga Anda dapat melihat perubahan yang Anda buat secara waktu nyata

Untuk mengakses Penyesuai, buka Penampilan -> Sesuaikan di dasbor WordPress Anda

Inilah yang harus dicari untuk mengedit footer di WordPress Customizer

1. Opsi Tema – Anda mungkin menemukan bagian Footer Tema tempat Anda dapat menyesuaikan warna, batas, dan teks footer agar sesuai dengan keseluruhan desain situs

1. Widget – di mana berbagai widget konten dapat ditambahkan ke area footer

1. Menu – bagi mereka yang ingin menambahkan link ke footer. Ini menggunakan sistem menu WordPress bawaan

Setelah Anda puas dengan hasilnya, ingatlah untuk menekan Publikasikan atau Simpan Draf

Perlu diingat bahwa tidak semua tema memiliki opsi footer. Anda mungkin harus mengandalkan penyesuaian widget dan menu saja

Untuk yang memiliki, pengaturannya mungkin juga ditempatkan di bagian selain Opsi Tema, seperti Footer Builder

Edit Footer Menggunakan Editor Blok

WordPress 5. 9 memperkenalkan editor blok baru untuk penyesuaian situs. Itu membuat pengeditan lebih mudah karena footer sekarang memiliki blok dan templatnya sendiri. Berbagai blok seperti judul situs, kalender, dan navigasi juga telah menggantikan widget

Namun, perlu diingat bahwa editor blok hanya tersedia jika Anda menggunakan tema berbasis blok. Contoh tema WordPress berbasis blok adalah tema default Twenty Twenty-Two yang baru

Untuk mengakses editor, arahkan kursor ke Appearance dan pilih Editor

Ini akan membawa Anda ke editor blok, membuka templat halaman Beranda

Gulir ke bawah ke bagian bawah halaman untuk menemukan area footer

Cara lainnya, gunakan mode fokus untuk hanya menampilkan area footer. Untuk membuka mode fokus footer, klik panah ke bawah di bilah navigasi atas. Kemudian, klik tiga titik di samping Footer dan pilih Edit Footer

Sekarang, editor hanya akan menampilkan area footer. Mulailah mengeditnya dengan menambahkan blok ke footer

Untuk melakukannya, arahkan kursor ke area tersebut dan ikon plus (+) akan muncul di lokasi yang tersedia untuk blok. Klik ikon dan pilih blok untuk ditambahkan. Anda dapat mencari blok yang diinginkan atau klik Telusuri semua untuk melihat semua blok yang tersedia

Misalnya, mari tambahkan blok Pencarian ke footer. Anda dapat mengubah teks judul dan menyertakan placeholder opsional langsung di editor

Untuk menyesuaikan desain tombol, pilih blok pada editor dan klik ikon Pengaturan di area kanan atas layar. Bergantung pada jenis blok, Anda dapat menyesuaikan warna, batas, dan menggunakan bidang CSS tambahan

Untuk mengatur ulang blok di footer, buka tampilan daftar dengan mengeklik ikon daftar di bagian kiri atas layar

Daftar blok dan strukturnya akan muncul di panel kiri. Cukup seret dan lepas item blok pada daftar untuk mengatur ulang

Hapus Footer “Didukung Oleh WordPress”.

Sebagian besar tema situs web WordPress memiliki pesan “Didukung oleh WordPress” di footer. Terkadang juga menyertakan kredit pengembang, seperti “Tema oleh Pengembang A. ”

Meskipun tidak ada salahnya memiliki pesan di footer, pesan tersebut mungkin terlihat tidak profesional atau bahkan salah mengartikan minat merek Anda.

Anda dapat mengedit atau menghapus pesan dengan mengedit footer. file php. Untuk menghindari masalah, pastikan Anda telah membuat cadangan file situs web sebelum mengubah file. Setelah Anda siap, lanjutkan dengan langkah-langkah berikut untuk menghapus "Didukung oleh WordPress" dari footer Anda

1. Di dashboard admin WordPress, arahkan ke Appearance -> Theme Editor
2. Di bawah bagian Theme Files, klik Theme Footer (footer. php)
3. Temukan teks kredit footer "Didukung oleh" dan kodenya. Pada tema WordPress Twenty Twenty, kodenya terlihat seperti ini
   <p class="powered-by-wordpress">
    <a href="<?php echo esc_url( __( 'https://wordpress.org/', 'twentytwenty' ) ); ?>">_
   <?php _e( 'Powered by WordPress', 'twentytwenty' ); ?>
    </a>
</p><!-- .powered-by-wordpress -->_

1. Silakan hapus teks footer atau tambahkan merek situs web Anda, dan tekan tombol Perbarui File

Menambahkan Kode ke Footer WordPress

Terkadang, Anda mungkin perlu memasukkan kode tambahan ke footer, apakah itu CSS atau PHP. Biasanya, ini untuk menghubungkan situs Anda dengan aplikasi eksternal atau untuk tujuan desain. Ada beberapa cara untuk melakukannya

Gunakan kolom CSS tambahan di Penyesuai WordPress jika Anda hanya ingin membuat perubahan kecil pada footer. Misalnya mengubah warna latar belakang atau margin dan padding area konten

1. Akses Penyesuai WordPress, dan pilih CSS tambahan

1. Tambahkan kode berikut untuk mengubah latar belakang dan warna batas footer
   .footer-widgets-outer-wrapper, .footer-top {
      border-color: #000;_
   }
.footer-nav-widgets-wrapper, #site-footer {_
         background-color: #D7BDE2 ;_
   }

1. Untuk mengedit margin dan padding footer, tambahkan cuplikan di bawah ini
       <a href="<?php echo esc_url( __( 'https://wordpress.org/', 'twentytwenty' ) ); ?>">_1
       <a href="<?php echo esc_url( __( 'https://wordpress.org/', 'twentytwenty' ) ); ?>">_2
   }
    <a href="<?php echo esc_url( __( 'https://wordpress.org/', 'twentytwenty' ) ); ?>">_4
       <a href="<?php echo esc_url( __( 'https://wordpress.org/', 'twentytwenty' ) ); ?>">_5
   }

1. Klik tombol Aktifkan dan Terbitkan

Cara termudah untuk menambahkan skrip kustom ke footer adalah dengan menggunakan plugin Sisipkan Header dan Footer

1. Instal plugin, dan aktifkan
2. Buka Pengaturan -> Sisipkan Header dan Footer

1. Gulir ke bawah ke bagian Skrip di Footer, lalu salin dan tempel kode footer kustom Anda

1. Klik Simpan

Dimungkinkan untuk menambahkan kode dan skrip secara manual ke footer jika Anda mengedit file PHP tema WordPress. Namun, Anda harus memiliki pengetahuan tentang HTML, CSS, JavaScript, serta desain dan pengembangan web

Bacaan yang Disarankan

Lembar Cheat HTML
Lembar Curang CSS

3 Plugin Footer WordPress Terbaik

Jika Anda ingin mengedit footer WordPress dengan plugin, kami merekomendasikan tiga alat. Masukkan Header dan Footer, Header Footer Code Manager, dan Footer Mega Grid Columns. Mari kita lihat masing-masing

1. Sisipkan Header dan Footer

Statistik Pengaya

• Download. 1 juta+
• Peringkat. 4. 5/5
• Fitur penting. ramah pengguna, kompatibel dengan Google Analytics
• Paling cocok untuk. pemula yang mencari solusi sederhana untuk menambahkan cuplikan kode ke footer
• Harga. bebas

Sisipkan Header dan Footer adalah plugin yang membantu Anda menambahkan kode dan skrip tanpa harus mengedit file tema. Antarmukanya sangat mudah, menjadikannya plugin yang mudah digunakan untuk pemula

Anda tidak perlu mengetahui bahasa pemrograman apa pun untuk mengedit footer dengan plugin ini. Cukup tempel kode dari Google Analytics, Facebook Pixel, dan layanan lain untuk menambahkannya ke situs Anda

Sisipkan Header dan Footer mendukung CSS, HTML, dan JavaScript khusus

2. Manajer Kode Header Footer

Statistik Pengaya

• Download. 200.000+
• Peringkat. 5/5
• Fitur penting. aktifkan kode di posting dan halaman tertentu, log aktivitas
• Paling cocok untuk. pengguna yang menginginkan opsi manajemen untuk kode footer
• Harga. bebas

Header Footer Code Manager adalah alat lain yang membantu Anda menambahkan cuplikan ke footer dengan mudah. Tidak hanya memungkinkan Anda menambahkan skrip dan gaya tanpa batas, tetapi juga mengelola penempatan kode

Selain halaman dan postingan tertentu, cuplikan juga dapat diatur untuk dimuat di desktop dan perangkat seluler atau salah satu dari keduanya. Selain itu, Anda masih memiliki daftar cuplikan yang siap digunakan meskipun Anda mengubah tema

Plugin ini juga dilengkapi dengan log aktivitas, jadi Anda tahu siapa yang menambahkan dan terakhir mengedit cuplikan. Header Footer Code Manager mendukung kode CSS, HTML, dan JavaScript dari layanan apa pun, termasuk Google AdSense, Twitter, dan Clicky Web Analytics

3. Kolom Footer Mega Grid

Statistik Pengaya

• Download. 6.000+
• Peringkat. 4. 5/5
• Fitur penting. tampilan kisi, kompatibel dengan sebagian besar tema WordPress
• Paling cocok untuk. orang yang tidak ingin menggunakan area default tema
• Harga. freemium

Plugin Footer Mega Grid Columns menampilkan widget footer dalam kisi horizontal, membantu mengatur konten footer Anda dalam kolom

Plugin ini cukup mudah digunakan. Cukup seret widget dan letakkan di kolom untuk menampilkan konten di footer dalam tampilan kisi

Jika Anda menginginkan fitur tambahan seperti opsi warna, banyak kisi, dan editor CSS khusus, bundel Essential Plugins tersedia mulai dari $119/tahun

Perlu diingat bahwa Anda perlu menempelkan kode yang disediakan oleh pengembang plugin di footer. php tema Anda agar berfungsi

Dapatkan hasil maksimal dari situs web WordPress Anda dengan hosting web yang dikelola sepenuhnya dan dioptimalkan untuk WordPress. Dapatkan Hosting WordPress

Kesimpulan

Selain header dan body, footer merupakan salah satu bagian utama dari sebuah website. Itu terletak di bagian paling bawah situs, terutama terdiri dari informasi tambahan dan tautan ke berbagai halaman di situs web

Dengan demikian, footer membantu pengguna WordPress meningkatkan SEO dan navigasi situs web mereka

Pada artikel ini, Anda telah mempelajari berbagai cara mengedit footer di WordPress

• Melalui sistem widget WordPress
• Menggunakan Penyesuai WordPress untuk mengedit tema Anda
• Menggunakan editor blok di WordPress 5. 9
• Menghapus teks "Didukung oleh WordPress".
• Menambahkan kode dan skrip
• Menggunakan plugin WordPress

Jika Anda memiliki pertanyaan atau saran tentang cara mengedit footer di WordPress, silakan tinggalkan komentar di bawah

Pelajari Apa Lagi yang Dapat Anda Lakukan Dengan WordPress

Apa itu Sidebar WordPress
Cara Menghapus Semua Komentar di WordPress
Cara Mengatur Notifikasi Push di WordPress
Cara Menyematkan Video di WordPress
Panduan Keamanan WordPress
Cara Mengatur Pembaruan Otomatis WordPress
Panduan untuk Halaman dan Posting Pribadi WordPress

Penulis

Domantas G

Domantas memimpin tim konten dan SEO ke depan dengan ide-ide segar dan pendekatan out of the box. Berbekal pengetahuan SEO dan pemasaran yang luas, dia bertujuan untuk menyebarkan berita tentang Hostinger ke seluruh penjuru dunia. Selama waktu luangnya, Domantas suka mengasah keterampilan pengembangan web dan bepergian ke tempat-tempat eksotis

Bagaimana cara menambahkan footer ke halaman tertentu di WordPress?

Bagaimana cara mengedit footer di WordPress 2022?

Bagaimana cara mengaktifkan footer di WordPress?

Bagaimana cara menyesuaikan header dan footer di WordPress?