Mudah Membuat Header Menjadi Sticky / Melayang

Kali ini belajarngeweb ingin menunjukkan bagaiman cara mudah membuat header menjadi sticky / melayang pada saat di scroll, mau tau ?

Catatan : cara ini dikhususkan untuk para pengguna theme OceanWp ya teman-teman.

Pada channel youtube Paramarketer memang sudah ada video yang menunjukkan bagaimana cara membuat header menjadi sticky / melayang pada saat di scroll, namun pada artikel kali ini belajarngeweb ingin menunkkan plugin yang berbeda dari yang ada di video kita ya.

Kenapa belajarngeweb tidak membuat video tutorialnya saja ? karena cara ini sangat mudah dilakukan kita tinggal install dan aktifkan plugin nya saja.

Nah sebelum itu belajarngeweb ingin memberitahu apa sih manfaat dari website yang mempunyai Header sticky/ melayang.

1. Menghemat Waktu

Website yang munggunakan stiky header akan menghemat waktu bagi pengujung untuk beralih dari satu halaman ke halaman yang lain menggunakan menu navigasi yang ada di header sticky itu, jadi ketika pengujung sudah membaca sampai kebagian bawah, mereka tidak harus kembali lagi ke atas untuk memilih menu navigasi halaman yang lain.

2. Brand Building

Sticky Header juga akan memberikan dapak yang positif terhadap website dan brand yang kita bangun dalam website kita, dengan adanya efek sticky/ melayang pada header tentunya itu akan semakin membuat ingatan pengujung menjadi kuat terhadap website kita, karena biasanya pada sebuah header selalu terdapat Logo ataupun nama dari Website kita.

3. Improves user experience

Hal ini tentunya akan menambah kenyaman para pengujung untuk selalu dapat dengan mudah mencari atau memilih info yang mereka inginkan, karena biasanya pada header terdapat menu-munu navigasi yang mengarahkan ke halaman-halaman penting pada sebuah website.

Cara Penerapannya pada Theme OceanWP

Sangat mudah teman-teman kalian tinggal masuk ke admin wordpress teman-teman, kemudian tambahkan plugin baru yaitu Ocean Sticky Header. Kemudian Install dan aktifkan plugin tersebut.

sticky header

Selanjutnya kalian pergi ke setting dan pilih sticky header.

sticky header

Kalian tinggal pilih style nya dan save. Done!

 

Yang disayangkan adalah plugin ini tidak official dari oceanwp ya teman-teman, kalo kalian ingin menggunakan plugin dari OceanWP nya, harus beli terlebih dahulu Sticky Header OceanWp nya.

Nah mungkin sekian dulu info kali ini mengenai cara mudah Membuat Header Menjadi Sticky / Melayang dan Manfaatnya , semoga bermanfaat.