Tutorial Cara Membuat Scroll Top Sederhana WordPress

scroll top wordpress sederhana

Berikut adalah Tutorial Cara Membuat Scroll Top Sederhana WordPress yang sangat berguna untuk kamu pengguna wordpress. tutorial ini tanpa menggunakan plugin dari wordpress ya, cuma sekedar potongan kode saja. yang penting tujuannya sama. hehe.. yakni untuk scroll top atau kembali keatas.

Mengenal Fungsi Scroll Top

Jika kamu sedang mengunjungi sebuah situs, entah itu merupakan situs bisnis, maupun situs blog berita dan blog personal sekalipun kemudian saat membaca artikel yang panjang, lengkap dan detail kamu menjumpai baik itu button atau teks dengan bacaan scroll top.

Baca :  2 Cara Mudah Redirect HTTP ke HTTPS Wordpress

Dan ketika kamu menekan tombol atau teks tersebut dengan ajaib artikel tersebut bergerak menuju ke atas paragraf utama artikel tersebut. nah itu lah yang dimaksud dengan scroll top. dari fungsi yaitu membuat pengunjung lebih mudah kembali ke paragraf awal tanpa harus goyang goyangkan mouse atau jari lagi. intinya hanya sekali klik saja.

Cara Membuat Scroll Top Pada WordPress

scroll top wordpress

Sebenarnya untuk membuat scroll on top ini sangat mudah sekali bagi seorang yang telah lama berkecimpung di dunia wordpress ini. ada yang melalui plugin atau ada juga yang sebenarnya sudah bawaan dari tema / template wordpress itu sendiri. seperti pada situs tuana5.com ini yaitu merupakan bawaan dari template sendiri.

Baca :  Cara Pakai Google Translate Chrome Tanpa Ubah Settingan

Lalu gimana caranya jika ingin membuat scroll top wordpress sederhana tanpa plugin tersebut? berikut adalah tutorialnya. silahkan disimak.

#1 Buka File Header di WordPress

Langkah Pertama, Silahkan kamu untuk membuka file header.php yang terletak pada template kamu, pastikan didalam file header.php tersebut ada <div id=”header”> dan pastinya secara default semuanya sudah ada tag tersebut.

#2 Buka File Footer WordPress

Jika di dalam file header.php sudah komplit, langkah selanjutnya adalah Buka footer.php  dan masukkan kode dibawah ini di mana Anda inginkan link scrol top ini muncul:

<a href="#header">Scroll to top</a> 

Setelah kamu masukkan dan silahkan tekan Save perubahan File tersebut. dan silahkan juga untuk mencoba membaca artikel kamu. jika semuanya berhasil, maka semua scroll top sederhana ini akan berfungsi tanpa ada sesuatu yang kurang. Selamat mencoba.

Baca :  Free Download Themes Wordpress ASTRA Gratis

Related Posts

Leave a Reply

Your email address will not be published. Required fields are marked *