Anda disini: M Jurnal » WordPress » 6 Langkah Mudah Mengganti Footer WordPress (Untuk Pemula)

6 Langkah Mudah Mengganti Footer WordPress (Untuk Pemula)

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.

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.

Contoh Footer Blog WordPress Minimalis

Namun beberapa website bisnis / perusahaan biasanya juga akan menyertakan URL penting lainnya, About Us, Social Media dll seperti ini:

Contoh Footer Website Bisnis menggunakan WordPress

Atau ada juga yang tidak menyertakan About Us seperti website milik Unilever ini:

Contoh Footer Website bisnis.

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.

diskon-hosting

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.

Waktu yang dibutuhkan: 5 menit.

Untuk mengganti tampilan Footer WordPress, silahkan ikuti tahap-tahap berikut:

  1. 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.
    Login Dashboard Admin WordPress

  2. 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.
    Gunakan Fitur Live Preview untuk mengganti header Website WordPress dengan mudah.

  3. Buka Menu Footer Builder.

    Dalam tampilan Live Preview, buka menu Footer Builder.
    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.

  4. 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:
    Cara mengganti copyright di Footer WordPress
    Silahkan sesuaikan isi copyright tersebut.

  5. 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:
    Tambahkan Footer Menu di WordPress

  6. Sesuaikan Footer Untuk Masing-masing perangkat.

    Jangan lupa mengatur tampilan setiap element yang ada di footer untuk setiap perangkat (desktop, tablet dan mobile).
    Sesuaikan tampilan footer di 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…

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:

Tambahkan kolom dalam section footer WordPress

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.

Tambahkan Icon Social Media di Footer WordPress

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.

Edit Link social media di Footer WordPress

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.

  1. Template: 3 Cara install Tema WordPress dan mengganti tampilan website.
  2. Favicon & Logo: Cara menambahkan Logo dan Favicon (Icon) di WordPress.
  3. Menu: Cara membuat menu dan dropdown sub menu website WordPres.
  4. Header: Cara mengubah desain header theme WordPress + Contoh Real Website Demo.
  5. Content & Sidebar: Mengatur Area Konten dan Sidebar WordPress + 4 Tips Optimasi Sidebar.
  6. Footer: (Anda Disini).
  7. Widget WordPress: Cara membuat dan mengatur Widget (di Header, Sidebar, dan Footer).

SUB-BAB Berikutnya: Plugin WordPress.

Komentar Paling Lambat di Balas Pukul 23:59.