Home » Blog » Cara Membuat Header Di WordPress

Cara Membuat Header Di WordPress

cara+membuat+header+di+wordPress
Cara Membuat Header Di WordPress

Cara Membuat Header Di WordPress – Header merupakan elemen penting di website. Elemen inilah yang pertama kali muncul ketika pengunjung membuka website. Oleh sebab itu, banyak website yang membuat header terlihat menarik agar memiliki kesan yang baik.

Header website umumnya berisi logo, judul website, menu navigasi, serta beberapa elemen penting lainnya. Kita dapat memasang dan mengganti elemen-elemen tersebut sesuai keinginan.

Sebenarnya, header yang menarik bersifat relatif, karena cara pandang setiap orang berbeda-beda. Nah, bagi pengguna wordPress pemula yang masih bingung bagaimana membuat header blog, silahkan simak pembahasan berikut ini.

Cara Membuat Header Di WordPress

Di wordPress, untuk membuat header sangat mudah. Karena sekarang terdapat banyak template/theme wordPress yang sudah support dengan header builder.

Namun, perlu diketahui bahwa section header pada masing-masing theme wordPress berbeda-beda. Berikut merupakan langkah-langkah membuatSetela header di astra theme wordPress.

  • Silahkan masuk ke dashboard wordPress, kemudian pilih menu Appearance, lalu pilih Customize
  • Pilih Header Builder untuk mengedit tampilan header
  • Maka akan terlihat tiga lapisan section header pada tampilan Live Preview, yakni Above header, Primary header dan Below header
  • Untuk menambahkan elemen, arahkan kursor ke kolom yang diinginkan, kemudian klik tanda plus (+)
  • Maka akan muncul tab elemen. Terdapat beberapa elemen yang dapat dipilih, seperti Site Title, Logo, Primary Menu, Secondary Menu, Search, Social, Widget, hingga HTML. Silahkan pilih elemen yang inginkan
  • Untuk melakukan pengaturan pada masing-masing elemen, klik elemen yang dipilih dan lakukan penyesuaian di kolom sebelah kiri. Kita dapat mengubah desain font, ukuran, warna background, margin space, dan lain-lain sesuai keinginan
  • Untuk desain header, klik simbol roda gigi yang tiap-tiap section header. Di situ kita dapat mengatur tinggi header, warna gradiasi, border dan lain-lain.
  • Lakukan penyesuaian header pada masing-masing perangkat dengan cara memilih salah satu tampilan icon desktop, tablet atau mobile yang berada di pengaturan kiri bawah
  • Untuk pengaturan Toggle Button pada menu perangkat tablet dan mobile, klik Of-Canvas Menu, lakukan penyesuaian sesuai keingingan
  • Jika ingin menampilkan header secara sticky, silahkan klik simbol roda gigi yang terletak di bagian kanan bawah pada kolom Live Privew. Pada kolom sebelah kiri, klik Sticky Header. Pilih Section Header mana yang akan dijadikan sticky (melayang), sesuaikan juga apakah sticky di desktop saja atau mobile saja atau keduanya
  • Setelah semua pengaturan sesuai dengan yang diinginkan, klik Publish
Baca Lainnya :  Cara Mengganti Font Style Di Blog WordPress

Demikianlah tutorial mengenai bagaimana cara membuat header di wordPress. Semoga bermanfat.

Baca Juga :

Scroll to Top