Apakah Anda ingin membuat header khusus di WordPress dengan Elementor?
Header adalah salah satu elemen penting yang harus dimiliki setiap situs web. Header biasanya berisi menu, sehingga memudahkan pengunjung Anda untuk menavigasi ke halaman penting di situs web Anda. Elemen lain yang biasanya ditemukan pada header situs web adalah logo.
Temukan Cara menginstal Elementor di WordPress
Sebagian besar Tema WordPress, baik gratis atau berbayar, memungkinkan Anda menyesuaikan tajuk dengan menambahkan logo situs web atau menu navigasi. Beberapa Tema WordPress, memungkinkan Anda menambahkan elemen tambahan seperti bilah pencarian dan ikon media sosial.
Tetapi apakah mungkin membuat tajuk khusus di WordPress untuk menggantikan tajuk? tema WordPress aset?
Tentu saja, Anda dapat membuat tajuk khusus untuk mengganti tajuk default untuk tema yang sedang aktif di situs web WordPress Anda.
Jika Anda memiliki keahlian pemrograman (dalam hal ini PHP), buat header khusus untuk a tema WordPress bukan masalah besar. Jika Anda tidak memiliki keterampilan pemrograman apa pun, Elementor memungkinkan Anda membuat tajuk khusus tanpa menulis satu baris kode pun. Anda dapat membuat tajuk melalui editor drag-and-drop visual.
Catatan: Pembuat Tema hanya tersedia di Elementor Pro.
Cara membuat header khusus di WordPress dengan Elementor
Versi pro Elementor hadir dengan fitur yang disebut Pembuat Tema. Fitur ini memungkinkan Anda membuat tema WordPress tanpa pengkodean. Elemen tema yang dapat Anda buat dengan pembuat tema Elementor meliputi:
- Header
- Footer
- Templat posting tunggal
- Templat halaman arsip
- 404 templat halaman
Pada artikel ini, kami akan menunjukkan kepada Anda cara membuat header khusus untuk tema WordPress Anda dengan Elementor. Setelah diterbitkan, tajuk khusus ini akan menggantikan tajuk tema Anda saat ini.
Sebelum Anda mulai, pastikan Anda telah menginstal Elementor Pro di situs WordPress Anda.
Pertama, pergi ke Template -> Pembuat Tema.
Di halaman Pembuat Tema, buka tab Header dan klik tombol Tambahan untuk membuat tajuk baru.
Sebuah jendela pop-up akan muncul, meminta Anda untuk memberi nama template Anda. Ketik nama model Anda dan klik tombol BUAT MODEL.
Elementor memungkinkan Anda membuat header dari template. Pilih salah satu model yang tersedia di perpustakaan model dan klik tombol menyisipkan untuk memuatnya ke dalam editor Elementor.
Anda juga dapat membuat header dari awal. Jika Anda lebih suka membuat header dari awal, Anda bisa menutup perpustakaan template untuk membuka editor Elementor.
Secara teknis, Anda dapat menambahkan widget Elementor apa pun - yang dapat Anda jelajahi di panel kiri - ke header Anda. Namun, tidak semua widget benar-benar diperlukan untuk membuat header situs web.
Baca panduan kami: Elementor Free vs Elementor Pro: Perbandingan Fitur Mendetail
Pada artikel ini, kami akan menunjukkan cara menambahkan elemen umum dari header: logo situs web, menu navigasi, dan bilah pencarian. Dalam hal ini, Anda akan memerlukan bagian baru dengan tiga kolom. Klik ikon plus di editor Elementor dan pilih struktur tiga kolom.
Atur lebar setiap kolom dengan menyeret pembagi ke arah kiri atau kanan. Simak hasil tangkapannya di bawah ini.
- Tambahkan logo situs web
Untuk menambahkan logo situs web, seret widget Logo situs dari panel kiri ke salah satu kolom di editor Elementor.
widget Logo situs akan memuat logo situs web Anda. Jika Anda belum menentukan logo situs web Anda, Anda dapat pergi ke Penampilan -> Sesuaikan untuk menambahkan logo Anda.
Baca juga: Cara mengimpor atau mengekspor model di Elementor
Anda dapat menyesuaikan logo Anda melalui panel kiri. Anda dapat menentukan elemen seperti perataan, tautan, lebar, dll.
Hanya bermain-main dengan panel kiri sampai Anda puas dengan hasilnya.
- Tambahkan menu navigasi
Untuk menambahkan menu navigasi, seret widget Menu navigasi ke salah satu kolom di editor Elementor.
widget Menu navigasi akan memuat menu utama situs web Anda. Jika Anda belum membuat menu apa pun di situs web Anda, Anda dapat pergi ke Penampilan -> Menu untuk membuat satu. Jika Anda memiliki beberapa menu di situs web Anda, Anda dapat menentukan mana yang ingin Anda tampilkan dari menu drop-down opsi option menu dari panel kiri.
Sekali lagi, Anda dapat bermain-main dengan panel kiri untuk menyesuaikan menu Anda. Anda dapat mengatur tata letak (horizontal, vertikal), perataan, efek animasi, dan sebagainya.
- Tambahkan bilah pencarian
Untuk menambahkan bilah pencarian, Anda dapat menyeret widget Formulir Pencarian di kolom yang tersisa.
Setelah bentuk ditambahkan, Anda dapat pergi ke panel kiri untuk menyesuaikannya.
Sesuaikan tajuk
Secara default, header Anda akan memiliki latar belakang putih. Anda dapat mengubah warna ini agar sesuai dengan warna tema Anda. Untuk melakukannya, aktifkan bagian dengan mengkliknya di browser (Ctrl+i).
Buka tab Gaya di panel kiri dan pilih warna favorit Anda dengan mengklik pemilih warna di opsi Warna dari bagian tersebut latar belakang.
Jika Anda ingin memiliki tajuk yang lengket, Anda dapat pergi ke tab Maju. Dalam opsi Lengket, di bawah bagian Efek gerak, atur lokasi Sticky. Secara default, efek Sticky akan diterapkan ke semua jenis perangkat (desktop, tablet, dan smartphone).
Baca juga: Elementor Pro: 10 Fitur Luar Biasa Untuk Dibuka - Bagian I
Jika Anda ingin mematikan efek Sticky pada jenis perangkat tertentu, cukup hapus perangkat dari bidang.
Publikasikan tajuk khusus Anda
Sejauh ini Anda telah berhasil membuat tajuk khusus Anda. Ada banyak opsi penyetelan lain yang dapat Anda atur, dan tidak mungkin untuk membahas semuanya di pos ini.
Lihat juga: Cara Membuat Template Postingan Unik dengan Elementor Pro
Hanya bermain-main dengan panel kiri sampai Anda benar-benar puas dengan hasilnya. Setelah selesai, klik tombol MENERBITKAN di bagian bawah panel kiri untuk memublikasikan templat tajuk Anda.
Pada langkah selanjutnya, Anda akan diminta untuk mengatur kondisi tampilan. Klik pada tombol TAMBAHKAN KONDISI
Secara default, template header Anda akan diterapkan ke seluruh situs web. Jadi jika Anda ingin templat tajuk Anda diterapkan ke seluruh situs web, Anda cukup mengklik tombolnya SIMPAN & TUTUP.
Baca juga: Cara membuat footer di WordPress dengan Elementor
Atau, jika Anda ingin templat tajuk diterapkan ke halaman tertentu, Anda dapat menentukan halaman dengan mengklik menu tarik-turun. Pilih halaman dari menu drop-down lain yang muncul berikutnya. Klik pada tombol SIMPAN & TUTUP setelah Anda selesai menentukan halaman.
Dapatkan Elementor Pro Sekarang!
Kesimpulan
Di Sini ! Itu saja untuk artikel ini yang menunjukkan cara membuat header khusus di WordPress dengan Elementor.Jika Anda memiliki masalah tentang cara menuju ke sana, beri tahu kami di komentar.
Namun, Anda juga bisa berkonsultasi sumber daya kita, jika Anda memerlukan lebih banyak elemen untuk melaksanakan proyek pembuatan situs Internet Anda, dengan membaca panduan kami di Pembuatan blog WordPress atau yang di Divi: tema WordPress terbaik sepanjang masa.
Namun sementara itu, bagikan artikel ini di berbagai jejaring sosial Anda.
...
