Cara Menambahkan Tombol Kembali Ke Atas ke Situs WordPress Anda

Menambahkan tombol kembali ke atas ke situs WordPress Anda bisa menjadi cara yang bagus untuk meningkatkan pengalaman pengguna di situs Anda. Tombol ini memungkinkan pengunjung untuk dengan cepat menggulir kembali ke bagian atas halaman, tanpa harus menggunakan bilah gulir atau tombol kembali browser. Ada beberapa cara berbeda untuk menambahkan tombol kembali ke atas ke situs WordPress Anda. Anda dapat menggunakan plugin WordPress, atau Anda dapat menambahkan kode sendiri. Jika Anda ingin menambahkan tombol sendiri, Anda perlu menambahkan kode berikut ke file functions.php tema WordPress Anda: function my_back_to_top_button() { echo '↑'; } add_action( 'wp_footer', 'my_back_to_top_button' ); Kode ini akan menambahkan tombol sederhana kembali ke atas ke situs WordPress Anda. Jika Anda ingin menata tombol, Anda dapat menambahkan CSS berikut ke file style.css tema Anda: #back-to-top { position: fixed; bawah: 20 piksel; kanan: 20 piksel; tampilan: tidak ada; dekorasi teks: tidak ada; latar belakang: #333; warna: #ff; bantalan: 10 piksel; -webkit-border-radius: 3px; -moz-border-radius: 3px; batas-radius: 3px; } #back-to-top:hover { latar belakang: #222; } Jika Anda menggunakan plugin WordPress untuk menambahkan tombol kembali ke atas, Anda harus mengikuti instruksi yang diberikan oleh pembuat plugin.

Jika konten Anda panjang, Anda mungkin ingin menyertakan tombol "kembali ke atas". Cukup tekan tombol panah di sisi kanan halaman untuk menggulir ke atas. Sebagian besar tema WordPress paling populer menyertakan tombol depan-ke-atas. WPFront Scroll Top adalah cara terbaik untuk menambahkan tombol back-to-top ke situs WordPress Anda. Anda memiliki akses ke berbagai opsi penyesuaian di plugin, sehingga Anda dapat melakukan apa pun yang Anda inginkan. Jika Anda ingin menyembunyikan tombol secara otomatis, centang tombol 'Sembunyikan Otomatis' lalu atur timer. Selanjutnya, Anda dapat menggunakannya untuk mengecualikan halaman tertentu, jadi pilih opsi mana yang paling sesuai untuk Anda.

Tombol Kembali Ke Atas WordPress Tanpa Plugin

Ada beberapa cara untuk membuat tombol "kembali ke atas" untuk situs WordPress Anda tanpa menggunakan plugin. Salah satu caranya adalah dengan membuat tautan di dalam konten Anda yang mengarah ke bagian atas halaman. Misalnya, Anda dapat menambahkan tautan di akhir setiap pos yang bertuliskan “Kembali ke Atas”.
Cara lain untuk membuat tombol "kembali ke atas" adalah dengan menggunakan sedikit kode. Anda dapat menambahkan kode berikut ke file functions.php tema WordPress Anda:
fungsi my_back_to_top_button() {
echo 'Kembali ke Atas';
}
add_action( 'wp_footer', 'my_back_to_top_button' );
Kode ini akan menambahkan tautan ke footer situs Anda yang, ketika diklik, akan membawa pengguna kembali ke bagian atas halaman.

Pengalaman pengguna sering diabaikan saat mendesain situs web. Banyak situs web memiliki tombol kecil yang memungkinkan Anda untuk kembali ke atas. Keuntungan dari fitur ini adalah memungkinkan pengguna dengan cepat kembali ke bagian atas halaman setelah melihat halaman konten. Sangat mudah untuk mengatur tombol, tetapi Anda harus mengedit file tema untuk melakukannya. Jika Anda tidak memiliki folder untuk js Anda, Anda dapat membuatnya jika Anda tidak memiliki folder untuk js Anda. Anda dapat mengubah kecepatan pengguliran tombol dengan memasukkan angka di samping var speed = top speed. Angka yang lebih tinggi akan menghasilkan pengguliran otomatis yang lebih lambat.

Jika Anda tidak suka menambahkan gambar ke situs Anda dan ingin menambahkan teks, Anda juga dapat melakukannya. Anda harus mengubah gaya. Setelah Anda membuka stylesheet CSS tema Anda, Anda dapat menambahkan kode berikut di mana saja yang Anda inginkan selama tidak berada di antara tag dan kode yang ada. Setelah menginstal plugin seperti Simple Custom CSS , Anda dapat menambahkan kode langsung ke area yang disediakan. Tautan ke halaman back-to-top situs Anda harus ditambahkan langsung ke halaman. Anda juga dapat menghindari mengedit file tema jika tidak mau. Saat Anda mengklik Gulir Kembali ke Atas, itu menambahkan tombol back-to-top ke situs Anda, menghilangkan kebutuhan untuk pengkodean. Dasbor admin memungkinkan Anda mengubah ukuran, warna, lokasi, dan opsi tombol lainnya.

Kembali Ke Atas Tombol Elemen WordPress

Tombol kembali ke atas di WordPress Elementor adalah cara yang bagus untuk melompat kembali ke bagian atas halaman dengan cepat. Tombol ini dapat disesuaikan agar sesuai dengan desain situs Anda dan dapat ditempatkan di mana saja pada halaman.

Karena tombol ditekan kembali ke bagian atas halaman saat Anda membacanya, beberapa pengguna menghargainya. Elementor memudahkan untuk menambahkan tombol kembali ke atas. Widget tombol (atau widget apa pun yang memiliki opsi untuk menambahkan tautan seperti Teks, Ikon, atau bahkan Gambar) harus ditambahkan. Tombol kembali ke atas di situs web Anda adalah fitur yang sederhana namun bermanfaat. Saat widget Tombol dipilih, buka tab Lanjutan di panel sisi kiri dan cari opsi Pemosisian. Dengan menyeret tombol Anda ke mana pun Anda inginkan, Anda dapat dengan mudah mengatur posisi tombol Anda.

Kembali Ke Atas Tombol Codepen

Tombol "kembali ke atas" adalah fitur umum pada halaman web panjang yang memungkinkan pengguna untuk menggulir kembali ke bagian atas halaman dengan satu klik. Banyak situs web menggunakan tombol "kembali ke atas" tetap yang selalu terlihat di layar, sementara yang lain menggunakan tombol "kembali ke atas" mengambang yang hanya muncul saat pengguna menggulir halaman ke bawah.
Ada banyak cara untuk mengkodekan tombol "kembali ke atas", tetapi salah satu yang paling sederhana dan paling efektif adalah dengan menggunakan plugin "gulir ke atas". Ada banyak plugin gulir ke atas yang tersedia, tetapi salah satu yang paling populer adalah plugin "Gulir ke Atas" oleh WPBeginner.
Setelah Anda menginstal dan mengaktifkan plugin, cukup buka halaman Pengaturan » Gulir ke Atas untuk mengonfigurasi plugin. Di halaman ini, Anda dapat memilih posisi tombol, kecepatan gulir, dan warna tombol. Anda juga dapat memilih untuk menampilkan tombol di halaman depan, semua halaman, atau halaman tertentu.
Setelah Anda mengonfigurasi plugin, cukup klik tombol "Simpan Perubahan" untuk menyimpan perubahan Anda. Tombol "kembali ke atas" Anda sekarang akan muncul di situs web Anda dan akan berfungsi penuh.

Hapus Tombol Gulir Ke Atas WordPress

Langkah-langkah di bawah ini akan memandu Anda melalui proses menonaktifkan tombol gulir ke atas di Dasbor WordPress Anda: Untuk menonaktifkan tombol gulir ke atas, buka Penampilan. Untuk menonaktifkan tombol gulir ke atas, tandai Centang sebagai tanda centang. Anda dapat mempublikasikan karya Anda dengan mengklik tombol Publish.

Bagaimana Saya Menghapus Tombol Di WordPress?

Jika Anda ingin menghapus bagian tersebut, Anda harus terlebih dahulu meluncurkan Customizer di situs Anda. Pilih opsi Tema, lalu klik tombol Sesuaikan di sebelah Situs Saya. Dengan mengklik Opsi Tema -> Templat Beranda, Anda dapat mengakses templat. Hapus hanya karakter terakhir dari kotak pertama – itulah satu-satunya yang perlu dihapus.

Bagaimana Cara Menempatkan Gulir Kembali Di Elementor Tombol Atas?

Anda dapat kembali ke atas dengan membuka halaman elemen atau memposting di halaman elemen dan kemudian mengklik tombol gulir kembali ke atas. Dengan mengeklik ikon roda gigi atau setelan di sisi kiri 'Panel Elementor', Anda dapat mengakses bagian 'Pengaturan Halaman'. Cukup gulir ke bawah untuk menemukan opsi 'EA Scroll To Top', lalu aktifkan.

Bagaimana Saya Menghentikan WordPress Dari Scrolling?

Anda dapat menonaktifkan Gulir Tak Terbatas dengan memilih opsi “Gulir Tak Terbatas” di Situs Saya > Penulisan Pengaturan > Gulir. Selanjutnya, jika Anda menambahkan widget footer, Anda tidak akan dapat menggunakan opsi Gulir Tak Terbatas.

Bagaimana Saya Melompat Ke Atas Halaman Di WordPress?

Saat pengguna menggulir ke bawah halaman di situs web Anda, tombol "Gulir ke Atas" muncul di sudut kanan bawah. Saat pengunjung menggulir halaman ke bawah, sebuah menu muncul. Dengan kata lain, jika pengunjung situs web Anda mengklik tombol sekali klik, mereka akan dapat kembali ke bagian atas halaman dalam hitungan detik.

Tombol Kembali WordPress Ke Halaman Sebelumnya

Jika Anda bermaksud menampilkan halaman WordPress dengan transisi halaman saat tautan diklik, tambahkan kelas bernama 'pushing-page' ke tautan. Akibatnya, halaman akan diminta untuk memasukkan URL. Kelas memungkinkan Anda untuk menghapus setumpuk tombol dari tautan dengan membiarkan tombol kembali saja. Halaman root adalah direktori root situs web.

Tidak perlu menggunakan tombol kembali pada halaman. Seorang pengguna dapat memilih tempat untuk membuka tautan, dan Anda tidak perlu mengelolanya untuk mereka. Saya tidak membuat halaman peta, dan orang yang melakukannya mengatakan bahwa tidak mungkin menyertakan opsi untuk kembali ke tempat Anda tinggalkan dengan tombol browser kembali yang sederhana. Saat Anda menavigasi ke peta, halaman sepenuhnya dibangun di dalam WordPress dan hanya terlihat saat Anda menavigasi ke situs melalui WordPress. Akibatnya, membuka halaman sebagai sembulan dengan tombol TUTUP atau X bisa menjadi ide bagus. Karena ini adalah tombol WPBakery Page Builder yang dibuat melalui kode Javascript, saya akan memasukkannya di kolom URL.