Home / Blogging / Cara Membuat Tombol Back To Top di WordPress
Cara Membuat Tombol Back To Top di WordPress

Cara Membuat Tombol Back To Top di WordPress

Tutorial kali ini akan membahas cara membuat tombol back to top di wordpress. Fungsi tombol back to top adalah tombol cepat untuk kita bisa kembali ke posisi halaman paling atas pada postingan kita. Untuk theme wordpress sendiri ada beberapa yang memang sudah bawaan terdapat tombol navigasi back to top tetapi beberapa banyak juga yang tidak terdapat tombol navigasi tersebut. Bagi yang tidak ada tombol navigasi back to top dan ingin memasang di wordpressnya bisa dilakukan dengan bantuan dari plugin WPFront Scroll Top.

Apa WPFront Scroll Top?

WPFront Scroll Top adalah free plugin open source yang dikembangkan untuk membuat tombol navigasi back to top, dengan bantuan plugin ini kita tidak perlu memikirkan soal coding php atau css. Kita tinggal memilih icon dan menyesuaikan sedikit pengaturan maka tombol navigasi back to top akan muncul di halaman blog kita. Beberapa fitur dari plugin ini diantaranya :

  • Menampilkan tombol navigasi ketika visitor scroll kebawah halaman
  • Scroll back to top dengan animasi
  • Pembuatan tombol dengan text atau gambar
  • Tombol bisa diganti dengan gambar sesuai selera
  • Tersembunyi untuk perangkat kecil
  • Pages/Posts filter
  • Auto hide
Baca Juga  Cara Membuat Halaman Support Printer Friendly di Wordpress

Cara Installasi WPFront Scroll Top

Download dahulu plugin WPFront Scroll Top sekaligus aktifkan

Untuk pengaturan pilih Plugins –> WPFront Scroll Top –> Settings

setting-wpfront-top

Di pengaturan plugin terdapat pengaturan tentang animasi, auto hide, pengaturan warna, pemilihan tombol text atau gambar, sesuaikan sesuai selera masing-masing. Jangan lupa centang Enabled lalu Save Changes.

setting2-wpfront-top

Selesai, Dengan adanya tombol back to top blog kita akan semakin cantik 😀

Semoga bermanfaat…

One comment

Leave a Reply

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

*

/*
Free WordPress Themes - Download High-quality Templates
*/