Tutorial Mudah Cara Membuat Footer di WordPress Menggunakan Theme Blocksy

Tutorial mudah membuat footer di theme Blocksy. Penjelasan sederhana, detail, dan cocok untuk pengguna baru WordPress.

admin@webumkm.com4 menit baca
Tutorial Mudah Cara Membuat Footer di WordPress Menggunakan Theme Blocksy

Tutorial Mudah Cara Membuat Footer di WordPress Menggunakan Theme Blocksy

Footer adalah bagian paling bawah dari sebuah website. Biasanya berisi informasi penting seperti alamat kantor, kontak bisnis, link menu, sosial media, atau copyright.
Jika kamu menggunakan Theme Blocksy, membuat footer sangat mudah karena Blocksy menyediakan Footer Builder visual yang bisa diedit tanpa coding.

Dalam artikel ini, kamu akan belajar cara membuat footer dari nol dengan langkah yang sederhana, seperti mengajari anak SD agar mudah dipahami siapa pun.


Apa Itu Footer?

Footer adalah bagian website yang muncul paling bawah di setiap halaman.
Biasanya berisi:

Logo kecil atau nama brand

Alamat dan kontak

Link menu atau halaman penting

Tombol WhatsApp

Form newsletter

Jam operasional

Copyright

Footer membantu pengunjung menemukan informasi penting tanpa harus menggulir ke atas lagi.


Bagian 1: Cara Membuka Footer Builder di Theme Blocksy

Theme Blocksy punya sistem pengaturan footer yang mirip dengan header—menggunakan editor visual.


1. Masuk ke Dashboard WordPress

Login ke WordPress seperti biasa melalui:

namadomain.com/wp-admin


2. Masuk ke Appearance → Customize

Di bagian kiri, pilih:

Appearance → Customize

Ini akan membuka Customizer Blocksy.

Screenshot 2025-11-16 at 12.41.21.png

3. Pilih Menu “Footer”

Di dalam Customizer, cari menu bernama:

Footer

Jika dibuka, kamu akan masuk ke Footer Builder, tempat mengatur struktur footer dengan drag and drop.

ft1.png

Bagian 2: Mengenal Struktur Footer Blocksy

Footer Blocksy terdiri dari beberapa bagian:

Footer Top

Screenshot 2025-11-16 at 12.48.27.png

Footer Middle

Screenshot 2025-11-16 at 12.48.39.png

Footer Bottom

Screenshot 2025-11-16 at 12.48.46.png

Setiap bagian bisa diisi dengan elemen seperti:

Logo

Menu

Teks

Ikon sosial media

Tombol

HTML

Widget khusus

Kamu dapat mengatur layout footer per baris dan per kolom.

ft2.png

Bagian 3: Cara Membuat Footer di Blocksy

Sekarang kita mulai membuat footer dari awal.


1. Aktifkan Baris Footer

Di Footers → Footer Builder, aktifkan baris yang ingin digunakan:

Footer Top (1)

Footer Middle (2)

Footer Bottom (3)

Kamu boleh memakai satu baris atau semuanya.

ft3.png

2. Tentukan Jumlah Kolom

Setiap baris footer bisa punya:

1 kolom

2 kolom

3 kolom

4 kolom

Contoh umum:

Footer dengan 3 kolom, berisi:
Kolom 1: Logo + deskripsi singkat
Kolom 2: Menu penting
Kolom 3: Kontak + sosial media

Atur kolom sesuai kebutuhan website kamu.


3. Menambahkan Elemen ke Dalam Kolom

Blocksy menyediakan elemen-elemen berikut untuk footer:

Logo

Widget area

Text

Menu

Social Icons

HTML

Button

Caranya: klik elemen, lalu seret ke kolom yang diinginkan.

Beberapa elemen yang biasa dipakai:

Menambahkan Logo

Pilih elemen “Logo”.
Upload logo kecil khusus untuk footer.

ft4.png
ft5.png

Menambahkan Teks

Pilih elemen “Text”.
Isi dengan kalimat seperti profil singkat bisnis atau tagline.

ft6.png

Menambahkan Kontak

Gunakan elemen “Text” lalu isi:

Alamat
Nomor WhatsApp
Email bisnis
Jam operasional

ft6.png

Bagian 4: Mengatur Style Footer

Agar footer terlihat profesional, kamu perlu mengatur tampilannya.


1. Mengatur Warna Background

Di Footer Settings, pilih warna latar belakang.

Umumnya footer menggunakan warna gelap seperti:

Hitam

Navy

Abu-abu gelap

Agar kontras dengan isi halaman.

ft7.png

2. Mengatur Warna Teks

Gunakan warna terang untuk teks, misalnya:

Putih

Abu muda

Biru muda

Pastikan teks mudah dibaca.

ft8.png


3. Mengatur Typography

Atur:

Ukuran font

Ketebalan

Jenis huruf

Pastikan footer tetap elegan dan konsisten dengan style website.

ft9.png

Bagian 5: Menambahkan Copyright di Footer Bottom

Footer Blocksy biasanya punya area khusus untuk copyright.


1. Buka Footer Bottom

Aktifkan area Footer Bottom.


2. Tambahkan Elemen Text

Seret elemen “Text”, lalu isi dengan kalimat seperti:

“© 2025 Wawan Website. All Rights Reserved.”

atau untuk UMKM:

“© 2025 Toko Roti Maju Jaya. Dibuat dengan penuh cinta.”


Bagian 6: Mengatur Footer untuk Mobile

Footer juga harus rapi di perangkat mobile.


1. Masuk Mode Mobile

Klik icon mobile di Customizer.


2. Atur Ulang Kolom

Di mobile, biasanya footer dibuat menjadi satu kolom agar tidak sempit.

Anda bisa mengubah layout footer khusus untuk mobile.


3. Periksa Ukuran Teks dan Ikon

Sesuaikan ukuran font agar tetap terbaca di layar kecil.\

ft10.png

Kesimpulan

Membuat footer di WordPress menggunakan Theme Blocksy sangat mudah karena tersedia Footer Builder visual.
Langkah-langkahnya adalah:

Buka Footer di Appearance → Customize

Pilih baris footer (top, middle, bottom)

Tentukan jumlah kolom

Masukkan elemen seperti logo, teks, menu, kontak, dan sosial media

Atur warna, font, dan jarak

Tambahkan copyright

Sesuaikan tampilan untuk mobile

Dengan mengikuti panduan ini, kamu bisa membuat footer yang rapi, profesional, dan terlihat seperti website bisnis besar.