Sama seperti Header, Content Area dan Sidebar, Anda juga bisa mengganti tampilan area Footer WordPress dengan mudah. Ditambah lagi ada fitur Live Preview, tentu semakin mudah.
Penting! Teknik Optimasi Header, Content Area dan Sidebar sudah Saya bahas pada SUB-BAB sebelumnya. Lihat Pintasan Panduan.
Namun, jika Anda masih benar-benar awam dalam menggunakan WordPress, Panduan ini lah jawabannya…
Saya akan membahas bagaimana cara mengganti setiap element pada bagian Footer beserta teknik optimasinya.
Namun sebelum memulai, ketahui dahulu apa itu Footer dan element-element apa saja yang harus ada di Footer WordPress.
Daftar Isi Konten:
Ketahui Dahulu, Apa itu Footer WordPress
Area Footer merupakan bagian paling terakhir dari sebuah halaman website. Umumnya akan berisi beberapa widget yang berisi informasi tambahan yang cukup penting.
Misalnya Menu Navigasi dan Copyright seperti yang Anda lihat pada Footer M Jurnal.
Namun beberapa website bisnis / perusahaan biasanya juga akan menyertakan URL penting lainnya, About Us, Social Media dll seperti ini:
Atau ada juga yang tidak menyertakan About Us seperti website milik Unilever ini:
Anda bebas mendesain tampilan footer sesuai keinginan. Namun yang perlu diperhatikan adalah…
Pastikan Theme Anda mendukungnya.
Karena ada beberapa theme yang tidak memberikan keleluasaan dalam mengubah tampilan footer. Misalnya seperti Theme GeneratePress yang cukup populer.
GeneratePress tidak mengizinkan pengguna versi gratis untuk mengubah URL pada bagian copyright.
Namun ada juga theme gratis lainnya yang mengizinkan Anda untuk mengubah seluruh bagian footer seperti Astra, Neve, OceanWP dll.
Terlepas dari keterbatasan ini, cara mengganti footer WordPress secara garis besar akan sama saja. Kecuali jika Anda menggunakan Page Builder seperti Elementor.
Cara Mengganti Footer WordPress
Setiap theme WordPress bisa saja memiliki tampilan Footer yang berbeda-beda. Namun proses mengganti tampilan bagian footer secara garis besar akan sama saja.
Dalam setiap Panduan WordPress M Jurnal, Saya menggunakan Demo Site ID Blog sebagai patokan.
FYI, Demo Site ID Blog menggunakan Theme Astra. Jadi disesuaikan saja ya jika Anda menggunakan theme berbeda.
Untuk mengganti tampilan Footer WordPress, silahkan ikuti tahap-tahap berikut:
Total Waktu: 5 menit
Login ke Dashboard Admin WordPress.
Umumnya menggunakan URL https://namadomain.com/wp-admin/. Namun jika Anda belum tahu caranya, silahkan kunjungi SUB-BAB Login Dashboard Admin WP.
Gunakan Fitur Live Preview.
Dalam dashboard Admin WordPress, silahkan buka menu Tampilan > Sesuaikan. Atau juga bisa dengan cara klik Sesuaikan pada admin bar ketika mengunjungi salah satu halaman website Anda.
Buka Menu Footer Builder.
Dalam tampilan Live Preview, buka menu Footer Builder.
Anda akan melihat Footer yang terbagi dalam 3 section (Above, Primary dan Below Footer). Disinilah Anda bisa menambahkan element-element ke dalam setiap section footer serta mengatur tampilan setiap section dan element tersebut.
Ganti Copyright dan Powered by di Footer WordPress.
Untuk mengganti isi dari Copyright, silahkan klik element tersebut. Anda akan melihat editor teks seperti gambar berikut:
Silahkan sesuaikan isi copyright tersebut.
Tambahkan Footer Menu.
Untuk menambahkan Footer Menu, pastikan Anda sudah membuat menu tersebut. Jika belum, silahkan kunjungi SUB-BAB Menu WordPress (Lihat Pintasan Panduan). Kemudian Klik Area Kosong dalam Section Below Footer. Pilih Footer Menu seperti gambar berikut:
Sesuaikan Footer Untuk Masing-masing perangkat.
Jangan lupa mengatur tampilan setiap element yang ada di footer untuk setiap perangkat (desktop, tablet dan mobile).
Silahkan klik icon perangkat yang ada di layar paling bawah. Kemudian sesuaikan tampilan footer sambil melihat hasilnya pada live preview.
Jika sudah selesai mengganti footer, jangan lupa klik Terbitkan ya…
Jika Menggunakan Lebih dari 1 Section Footer
Contoh diatas hanya menggunakan below Footer. Nah, jika dibutuhkan, Anda juga bisa menggunakan beberapa section dalam footer.
Selain itu, Anda juga bisa mengatur berapa kolom untuk setiap section.
Untuk mengatur jumlah kolom dalam 1 section, silahkan klik Icon Roda Gigi (Pengaturan) pada section tersebut seperti gambar berikut:
Silahkan ganti jumlah kolom yang diinginkan. Misalnya 1 kolom.
Kemudian, untuk menambahkan element kedalam section Primary Footer, silahkan klik area kosong kemudian pilih element. Misalnya Saya pilih Social.
Untuk menambahkan link pada setiap icon social ini, silahkan klik element tersebut. Selanjutnya silahkan atur icon media social apa saja yang harus ditampilkan dan isi link yang sesuai pada menu pengaturan live preview.
Note: Jangan lupa pula sesuaikan tampilan Footer untuk perangkat tablet dan mobile.
Sejauh ini Saya rasa tidak sulit mengganti Footer di WordPress. Saya yakin Anda bisa membuat desain footer yang jauh lebih keren dan cocok untuk website Anda.
Namun jika ada pertanyaan, silahkan coret-coret kolom komentar. Jika tidak, silahkan tambah skill Anda dengan mempelajari SUB-BAB berikutnya. Gunakan Pintasan Panduan berikut:
Pintasan Panduan Desain dan Tampilan WordPress
SUB-BAB Sebelumnya: Membuat Link Satu Halaman.
- Template: 3 Cara install Tema WordPress dan mengganti tampilan website.
- Favicon & Logo: Cara menambahkan Logo dan Favicon (Icon) di WordPress.
- Menu: Cara membuat menu dan dropdown sub menu website WordPres.
- Header: Cara mengubah desain header theme WordPress + Contoh Real Website Demo.
- Content & Sidebar: Mengatur Area Konten dan Sidebar WordPress + 4 Tips Optimasi Sidebar.
- Footer: (Anda Disini).
- Widget WordPress: Cara membuat dan mengatur Widget (di Header, Sidebar, dan Footer).
SUB-BAB Berikutnya: Plugin WordPress.
Terus cara masukin ke website nya bagaimana? Mohon dijawab Terima kasih🙏
Tinggal Publish kak. Coba buka Pusat Panduan Belajar WordPress. Ikuti dari awal, Insya Allah website/blog kakak udah bisa live.