Cara Membuat Header Dan Footer Website WordPress

Membuat header dan footer di WordPress bisa dilakukan dengan beberapa cara, mulai dari cara termudah menggunakan fitur bawaan tema hingga cara yang lebih kustom menggunakan page builder.

Berikut adalah tiga metode yang paling umum digunakan:

1. Menggunakan Customizer Bawaan Tema (Paling Mudah)

Hampir semua tema modern (seperti Astra, OceanWP, atau GeneratePress) memiliki fitur Header & Footer Builder.

1. Masuk ke Dashboard > Appearance (Tampilan) > Customize (Sesuaikan).

2. Cari menu bernama Header Builder dan Footer Builder.

3. Di sana Anda bisa:

   • Mengunggah logo perusahaan.

   • Mengatur menu navigasi.

   • Menambahkan tombol Call to Action (CTA).

   • Mengatur warna latar belakang dan tipografi secara langsung.

4. Klik Publish jika sudah selesai.

2. Menggunakan Elementor (Untuk Desain Kustom)

Jika Anda menggunakan Elementor, Anda memiliki kontrol penuh terhadap tata letak tanpa batasan tema.

• Jika menggunakan Elementor Pro: Pergi ke Templates > Theme Builder > Tambah baru Header atau Footer.

• Jika menggunakan versi Gratis: Instal plugin tambahan bernama “Elementor Header & Footer Builder”.

  1. Buka plugin tersebut di menu Appearance.

  2. Pilih “Add New”, beri nama (misal: Header Utama), dan pilih tipe template sebagai “Header”.

  3. Tentukan lokasi tampilnya (pilih “Entire Website” agar muncul di semua halaman).

  4. Klik Edit with Elementor dan desainlah menggunakan widget seperti Site Logo, Navigation Menu, dan Search.

3. Menggunakan Blok Gutenberg (Full Site Editing / FSE)

Jika Anda menggunakan tema terbaru yang mendukung Full Site Editing (seperti tema Twenty Twenty-Four), Anda bisa mendesain langsung di editor blok.

1. Masuk ke Appearance > Editor.

2. Pilih bagian Patterns atau Parts.

3. Klik pada bagian Header atau Footer.

4. Anda bisa menambah atau menggeser blok (seperti gambar untuk logo atau daftar tautan untuk menu) secara visual.

Checklist Elemen Penting:

Tips untuk Jasa Teknis:

• Header: Pastikan menu navigasi sangat simpel. Untuk jasa teknis, letakkan tombol “Konsultasi” dengan warna kontras di pojok kanan atas header agar mudah ditemukan.

• Footer: Manfaatkan area ini untuk menampilkan logo teknologi atau stack yang Anda gunakan (seperti logo Linux, WordPress, dll) sebagai penguat kredibilitas teknis di setiap halaman.

• Sticky Header: Pertimbangkan untuk membuat header tetap muncul (sticky) saat pengunjung men-scroll ke bawah, agar mereka bisa langsung berpindah halaman tanpa harus kembali ke atas.

Cara Buat website dengan WordPress

Cara Desain Website dengan WordPress

Membuat Menu di Website wordpress