Cara Memperbaiki Masalah Scroll To Anchor Elementor Di Ponsel

Rifat elemen Dec 7, 2022

Saya sedang mengedit beberapa konten situs web saya tadi malam. Tiba-tiba, fitur gulir ke jangkar di Elementor tidak berfungsi di perangkat seluler. Fakta bahwa menggulir ke jangkar mengontrol situs web membuat saya khawatir. Saya segera mendapat bantuan dari seorang profesional dan menyelesaikan masalah tersebut. Pengalaman ini mengajarkan saya bahwa masalah bisa terjadi kapan saja. Saya membuat daftar semua cara untuk memperbaiki masalah scroll-to-anchor untuk membantu pemilik situs web yang mengalaminya. Mari membaca untuk menemukan beberapa tips cepat!

Di Elementor, apa itu Anchor?

Menu lompat adalah nama lain dari menu jangkar. ID jangkar ini akan mengarahkan Anda ke tempat yang telah Anda tentukan sebagai preferensi. Menu jangkar memungkinkan pemirsa Anda untuk menavigasi ke halaman berikutnya, mengeklik tautan apa saja, dan melakukan pencarian apa pun. Ini, secara umum, adalah operator situs web WordPress.

Bagaimana Menggunakan Anchor di Situs Anda Dapat Membantu Anda

Jangkar dapat melayani berbagai tujuan. Keterkaitan ini mengoptimalkan pengalaman berselancar di situs web Anda. Keuntungannya adalah sebagai berikut:

Meningkatkan Pengalaman Pengguna

Tautan jangkar memfasilitasi penjelajahan. Pengunjung Anda cukup mengklik, mengetuk, dan memilih layanan yang diinginkan untuk didapatkan. Ini meningkatkan pengalaman online.

Buat Situs Web Luar Biasa

Dengan Elementor pembuat halaman gratis terbaik

Mulai sekarang

Memungkinkan Anda untuk Kembali ke Bagian Atas Konten

Jika Anda menggulir terlalu banyak, tautan jangkar mungkin membantu Anda membuka bagian atas halaman. Alat ini akan menghemat waktu Anda dan membuat Anda tetap pada jalurnya.

Memastikan Penjelajahan yang Efisien

Selain untuk menggulir, tautan jangkar juga dapat digunakan untuk mengklik, kembali ke halaman sebelumnya, dll. Ini memfasilitasi penjelajahan yang efisien.

Performa Lebih Cepat

Anda dapat memperoleh respons langsung dari perintah. Alih-alih memasukkan instruksi, tautan jangkar memungkinkan navigasi yang lebih cepat.

Mengapa Fitur Scroll to Anchor Elementor Tidak Berfungsi di Seluler

Sulit untuk menjelaskan mengapa scroll to anchor di Elementor tidak berfungsi di perangkat seluler. Namun, setelah penyelidikan menyeluruh, kami dapat menentukan fakta-fakta berikut:

Target tidak mencukupi

Jika halaman Anda tidak memiliki tautan target, seperti Sobre-Agencia, Como-Fazer, Layanan, kontak, dll. Ini mungkin menjadi faktor yang mencegah tautan gulir Anda berfungsi.

Ekstensi Menyebabkan Kesulitan

Jika perangkat Android Anda dimuat dengan ekstensi, ini juga dapat memblokir pengoperasian fitur gulir.

Terlalu Banyak Plugin

Jika situs web Anda memiliki terlalu banyak plugin, ini mungkin alasan lain mengapa jangkar WordPress Anda berhenti merespons. Plugin tambahan berbenturan satu sama lain. Ini dapat menyebabkan situs web Anda menjadi tidak dapat diakses.

Kondisi Server Buruk

Jika server situs web Anda tidak dapat menangani plugin, ini mungkin menjadi penyebab tautan Anda tidak berfungsi.

5 Tips Paling Efektif Memperbaiki Elementor Scroll ke Anchor

elementor anchor

Terlepas dari alasan mengapa Elementor scroll to anchor tidak efektif, tips berikut akan membantu Anda dalam memperbaiki situs web Anda. Ini dia;

Membuat Target

Tautan gulir Anda mungkin tidak berfungsi jika halaman Anda tidak memiliki tautan target. Untuk alasan ini, pertama-tama Anda perlu membangun tautan target dan kemudian menekankannya dengan cara berikut:

Pertama, pilih tema Anda dan masukkan kode berikut ke dalam lembar Anda.

.menu-item a{
     Color: black;


}

Jika Anda ingin diberi tahu apakah tautan Anda dapat dilihat atau tidak oleh audiens Anda, pilih opsi ini. Untuk melakukannya, sediakan CSS berikut:

.menu-itema.mPS2id-highlight{
      color: red;
}

Gunakan Filter Javascript

Untuk widget jangkar Elementor, filter javascript dapat digunakan. Jalankan program berikut untuk menambahkan filter:

add_action( 'wp_footer', function() {
    if ( ! defined( 'ELEMENTOR_VERSION' ) ) {
        return;
    }
    ?>
    <script>
        jQuery( function( $ ) {
            $( window ).on( 'elementor/frontend/init', function() {
                
                elementorFrontend.hooks.addFilter( 'frontend/handlers/menu_anchor/scroll_top_distance', function( scrollTop ) {
                    var isMobile = $(window).width() <= 760;
                    
                    if (isMobile) {
                        return scrollTop - 1000;
                    } else {
                        return scrollTop;
                    }
                    
                } );
                
            } );
        } );
    </script>
    <?php
} );

Sesuaikan Pengguliran

Sesuaikan pengguliran offset saat menu terbuka dalam mode seluler sebagai solusi alternatif.

Cegah Menu agar tidak Menutup

Meskipun ini bukan solusi yang layak, satu-satunya pilihan adalah membiarkan menu drop-down tetap terbuka. Ini akan memudahkan navigasi jika jangkar gulir Anda macet.

Pilih Tema Default

Satu hal yang dapat Anda lakukan untuk memperbaiki ikon jangkar di situs Anda adalah dengan memperbaiki ikon tersebut. Pilih tema default untuk WordPress. Ini lebih unggul.

Cara Mudah Menambahkan Anchor ke Situs Web Elementor Anda Menggunakan Plugin

Plugin adalah metode paling nyaman untuk menambahkan tautan jangkar ke situs web. Untuk menambahkan jangkar, ikuti langkah-langkah di bawah ini:

Instal plugin penambah tautan sebelum menambahkan tautan apa pun. Kemudian, buat blok kode pendek tempat tautan jangkar akan muncul. Jalankan kode pendek berikut:

[ps2id id='section-1'/]

Masukkan tautan jangkar ke dalam blok kode pendek baru. Letakkan di mana pun Anda ingin tautan muncul. Jalankan kode berikut:

[ps2id url='#some-id']link text[/ps2id]

Kemudian, ganti 'some-id' dengan nama jangkar yang dibuat dan teks tautan dengan jangkar yang diinginkan. Simpan perubahan sekarang. Kamu selesai.

5 Plugin Anchor dan Scroll Terbaik

Ada lusinan plugin yang sangat meningkatkan aksesibilitas koneksi. Setelah penyelidikan menyeluruh, kami mengusulkan lima plugin jangkar yang tercantum di bawah ini sebagai yang terbaik.

Tambahkan Tautan Jangkar

Ini adalah plugin andal yang menyisipkan tautan jangkar ke judul dan elemen konten yang dipilih. Tambahkan tautan jangkar yang sesuai dengan PHP(5.6) dan PHP 7. Parameter ini menonaktifkan CSS dan menentukan jenis posting yang akan ditambahkan tautan jangkar.

Halaman Gulir ke ID

Jika Anda senang bereksperimen dengan tren baru, ini untuk Anda. Gulir Halaman ke ID ini memungkinkan penambahan animasi bergulir. Plugin ini memungkinkan penyisipan Link & Target ID Buttons di editor visual postingan, dengan peningkatan fungsionalitas dan kustomisasi gerakan scrolling yang canggih. Selain itu, plugin ini gratis untuk digunakan.

Tautan Gulir Halus yang Mudah

Untuk menghindari kerumitan, pelanggan sering mencari plugin dengan tampilan dasar. Tautan sederhana dan bergulir halus ada di antara mereka. Pengguna dapat mengubah nilai gulir, nilai offset, mengecualikan jangkar tertentu dari pengguliran, dll., Menggunakan lebih dari 30 efek animasi. Plugin ini memungkinkan Anda menggunakan kode pendek dengan pembuat halaman apa pun.

Blok Utama

Kami merekomendasikan plugin ini untuk kegunaan dan fitur-fitur canggihnya. Blok pamungkas dengan 18 blok atau lebih memberikan penyesuaian pengguliran. Dengan menggunakan plugin ini, daftar isi dapat dipisahkan. Selain itu, plugin ini memungkinkan Anda untuk meromanisasi koneksi jangkar Anda. Ini adalah plugin Gutenberg yang populer untuk blogger dan pemasar online.

Blok Jangkar

Plugin kecil ini memberikan kesederhanaan. Pengguna pemula dapat menginstal dan menambahkan tautan ke teks dengan mudah. Namun, itu tidak memiliki gerakan menggulir yang rumit. Blok jangkar adalah salah satu plugin paling dasar untuk editor blog Gutenberg.

Membungkus

Setiap pemilik situs web menginginkan situs web WordPress yang berfungsi penuh. Pengguna Anda mungkin kecewa jika tidak berfungsi dengan baik. Ketidakmampuan Elementor untuk menggulir ke jangkar di seluler adalah masalah umum yang dihadapi setiap pemilik situs web. Untuk menyederhanakan hidup Anda, kami telah menyoroti peretasan paling efektif. Kami percaya bahwa informasi ini akan membantu Anda memperbaiki milik Anda.

Divi WordPress Theme