Loncat ke Konten Utama

Cara membuat header khusus di WordPress dengan Elementor

Divi: tema WordPress termudah untuk digunakan

Divi: Tema WordPress terbaik sepanjang masa!

lebih 901.000 unduhan, Divi adalah tema WordPress paling populer di dunia. Sudah lengkap, mudah digunakan dan dilengkapi dengan lebih dari 62 template gratis. [Direkomendasikan]

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 header dengan menambahkan logo situs web atau menu navigasi. Beberapa tema WordPress memungkinkan Anda untuk menambahkan elemen tambahan seperti bilah pencarian dan ikon media sosial.

Tetapi apakah mungkin membuat tajuk khusus di WordPress untuk menggantikan tajuk tema WordPress yang aktif?

Tentu saja, Anda dapat membuat tajuk khusus untuk mengganti tajuk default untuk tema yang sedang aktif di situs web WordPress Anda.

Jika Anda memiliki keterampilan pemrograman (dalam hal ini PHP), membuat header khusus untuk tema WordPress bukanlah masalah besar. Jika Anda tidak memiliki keahlian pemrograman, Elementor memungkinkan Anda membuat header khusus tanpa menulis satu baris kode pun. Anda dapat membuat header melalui editor visual dengan menyeret dan menjatuhkan.

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 untuk membuat tema WordPress tanpa coding. Elemen tema yang dapat Anda buat dengan pembuat tema Elementor adalah sebagai berikut:

  • 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.

Buat situs web Anda dengan Elementor dengan mudah

Elementor memungkinkan Anda untuk dengan mudah membuat desain situs web apa pun dengan tampilan profesional. Berhentilah membayar mahal untuk apa yang dapat Anda lakukan sendiri. [Gratis]

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.

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.

tambahkan bagian 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.

Apakah Anda mencari tema dan plugin WordPress terbaik?

Unduh plugin terbaik dan tema WordPress di Envato dan buat situs web Anda dengan mudah. Sudah lebih dari 49.720.000 unduhan. [EKSKLUSIF]

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 formulir 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.

Cara membuat header di WordPress dengan Elementor

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.

Cara membuat header di WordPress dengan Elementor

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.

Buat Toko Online Anda dengan mudah

Unduh WooCommerce gratis, plugin e-commerce terbaik untuk menjual produk fisik dan digital Anda di WordPress. [Rekomendasi]

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.

Cara membuat header di WordPress dengan Elementor

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.

...

Artikel ini berisi komentar 0

Tinggalkan komentar

Alamat email Anda tidak akan dipublikasikan. Bidang yang harus diisi ditandai *

Situs ini menggunakan Akismet untuk mengurangi yang tidak diinginkan. Pelajari lebih lanjut tentang bagaimana data komentar Anda digunakan.

Kembali ke atas
0 saham
saham
menciak
Register