Elementor adalah plugin pembuat halaman populer untuk WordPress yang memungkinkan pengguna membuat situs web yang menakjubkan dan interaktif tanpa pengetahuan pengkodean apa pun. Salah satu dari banyak fiturnya adalah kemampuan untuk membuat tautan jangkar yang menggulir ke bagian tertentu pada suatu halaman. Namun, beberapa pengguna telah melaporkan masalah dengan tautan jangkar ini yang tidak berfungsi dengan baik pada perangkat seluler, yang dapat membuat frustasi bagi pemilik dan pengunjung situs web.

Jika Anda mengalami masalah ini, jangan khawatir! Ada beberapa solusi yang tersedia yang dapat membantu Anda memperbaiki masalah scroll-to-anchor Elementor di seluler. Dalam panduan ini, kami akan menjelajahi beberapa cara paling efektif untuk memecahkan masalah dan menyelesaikan masalah ini, termasuk menyesuaikan setelan situs web Anda, menggunakan kode khusus, dan memasang plugin. Dengan tip dan trik ini, Anda akan dapat memastikan bahwa tautan jangkar situs web Anda berfungsi dengan lancar dan lancar di semua perangkat, memberikan pengalaman pengguna yang lebih baik bagi pengunjung Anda.

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.

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

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.

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.