Cara Mengedit Header dan Footer dengan Elementor di WordPress
Elementor, pembangun laman seret dan lepas yang kuat untuk WordPress, memudahkan untuk mendesain header dan footer kustom tanpa memerlukan pengetahuan pengkodean apa pun. Dengan menggunakan Elementor Pro atau plugin Elementor Header & Footer Builder, Anda dapat membuat dan mengedit area-area ini untuk memberikan tampilan dan fungsionalitas yang unik pada situs Anda. Berikut ini cara mengedit header dan footer dengan Elementor di WordPress.
Metode 1: Menggunakan Elementor Pro
Jika Anda memiliki Elementor Pro, mengedit header dan footer sangat mudah menggunakan fitur Theme Builder.
Langkah 1: Instal Elementor Pro
- Jika Anda belum memilikinya, beli dan unduh Elementor Pro dari situs web Elementor.
- Di dasbor WordPress Anda, buka Plugins > Add New dan unggah file ZIP Elementor Pro.
- Klik Instal Sekarang dan kemudian Aktifkan.
- Pastikan plugin Elementor dan Elementor Pro sudah aktif di situs Anda.
Langkah 2: Akses Pembangun Tema Elementor
- Dari dasbor WordPress, buka Templates > Theme Builder.
- Pada halaman Pembangun Tema, Anda akan melihat opsi untuk membuat templat untuk header, footer, dan bagian tema lainnya.
Langkah 3: Membuat atau Mengedit Header
- Klik tab Header di Pembangun Tema.
- Untuk membuat header baru, klik Tambah Baru dan pilih Header.
- Sebuah popup akan meminta Anda untuk memberi nama templat; beri nama (misalnya, “Header Utama”) dan klik Buat Templat.
- Anda dapat memilih dari templat header yang telah dibuat sebelumnya atau mendesain header dari awal dengan menarik dan melepas elemen seperti logo, menu navigasi, tombol, dan lainnya.
- Menambahkan logo: Gunakan widget Gambar untuk menempatkan logo Anda.
- Menambahkan navigasi: Gunakan widget Menu Navigasi untuk membuat menu utama Anda.
- Menambahkan ikon sosial: Gunakan widget Ikon Sosial untuk menyertakan tautan media sosial.
Langkah 4: Mengatur Kondisi Tampilan
- Setelah mendesain header Anda, klik Publikasikan.
- Anda akan diminta untuk mengatur Ketentuan Tampilan, yang menentukan di mana header akan muncul di situs Anda (misalnya, seluruh situs, halaman tertentu, atau postingan).
- Pilih di mana Anda ingin header ditampilkan, dan klik Simpan & Tutup.
Langkah 5: Membuat atau Mengedit Footer
- Untuk membuat atau mengedit footer, ulangi prosesnya dengan mengeklik tab Footer di Pembangun Tema.
- Klik Tambah Baru dan pilih Footer.
- Rancang footer Anda menggunakan widget Elementor (misalnya, tambahkan widget seperti teks, info hak cipta, detail kontak, atau ikon sosial).
- Setelah mendesain, atur Ketentuan Tampilan (mirip dengan header) dan klik Simpan & Tutup.
Metode 2: Menggunakan Pembangun Header & Footer Elementor (Opsi Gratis)
Jika Anda menggunakan Elementor versi gratis, Anda masih bisa membuat header dan footer kustom dengan memasang plugin Elementor Header & Footer Builder.
Langkah 1: Instal Plugin Elementor Header & Footer Builder
- Di dasbor WordPress Anda, buka Plugins > Add New.
- Cari Elementor Header & Footer Builder dan klik Instal Sekarang.
- Setelah instalasi, klik Activate.
Langkah 2: Buat Templat Header Baru
- Setelah plugin diaktifkan, buka Appearance > Elementor Header & Footer Builder di dasbor WordPress.
- Klik Tambah Baru untuk membuat templat baru.
- Pada jendela popup, pilih Header sebagai jenis templat.
- Beri nama templat Anda (misalnya, “Custom Header”) dan klik Buat Templat.
Langkah 3: Mendesain Header dengan Elementor
- Anda akan diarahkan ke editor Elementor, di mana Anda bisa mendesain header kustom Anda.
- Gunakan widget Elementor untuk menambahkan konten seperti logo, menu navigasi, dan ikon sosial.
- Setelah Anda puas dengan desainnya, klik Publikasikan.
Langkah 4: Tetapkan Aturan Tampilan
- Setelah mengeklik Publikasikan, tetapkan Aturan Tampilan untuk menentukan di mana header akan muncul (seluruh situs, halaman tertentu, dll.).
- Simpan perubahan Anda.
Langkah 5: Membuat Templat Footer
- Untuk membuat footer khusus, buka Penampilan > Pembangun Header & Footer Elementor dan klik Tambah Baru.
- Pilih Footer sebagai jenis templat.
- Rancang footer menggunakan antarmuka seret dan lepas Elementor, tambahkan widget seperti info hak cipta, tautan, dan ikon sosial.
- Atur Aturan Tampilan untuk menentukan di mana footer akan muncul, lalu simpan perubahan Anda.
Menyesuaikan Header dan Footer
Baik Anda menggunakan Elementor Pro atau plugin gratis, Anda bisa sepenuhnya menyesuaikan desain header dan footer Anda:
- Menambahkan tajuk tempel: Aktifkan opsi tempel untuk header di pengaturan lanjutan, untuk memastikan header tetap terlihat saat menggulir.
- Desain responsif: Gunakan pengaturan responsif Elementor untuk menyesuaikan tampilan header dan footer Anda di perangkat seluler dan tablet.
- Tambahkan konten dinamis: Untuk pengguna Elementor Pro, Anda bisa menyisipkan konten dinamis seperti tombol login, keranjang belanja, atau bilah pencarian.
Kesimpulan
Menggunakan Elementor untuk membuat dan mengedit header dan footer pada WordPress merupakan cara yang mudah dan ampuh untuk menyesuaikan desain situs Anda tanpa coding. Dengan Elementor Pro, Anda dapat sepenuhnya mengontrol header dan footer dengan Theme Builder, sementara plugin Elementor Header & Footer Builder gratis menawarkan pengalaman yang sama untuk pengguna tanpa versi Pro. Dengan mengikuti langkah-langkah ini, Anda dapat membangun header dan footer situs web yang profesional dan unik dalam waktu singkat.