Cara Memperbaiki Masalah Scroll To Anchor Elementor Di Ponsel

Rifat elemen Apr 5, 2023

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

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

Plugin Tambahkan Tautan Tautan adalah alat canggih yang memungkinkan pemilik situs web membuat tautan jangkar untuk tag tajuk di pos mereka, mirip dengan cara Github membuat tautan di dalam file Readme.md-nya. Plugin ini sangat andal dan menyisipkan tautan jangkar ke judul dan elemen konten yang dipilih, memastikan pengalaman pengguna yang lancar bagi pengunjung situs web. Selain itu, Add Anchor Links kompatibel dengan PHP(5.6) dan PHP 7, membuatnya kompatibel dengan berbagai konfigurasi situs web. Pengguna dapat menonaktifkan CSS dan menentukan jenis posting yang akan ditambahkan tautan jangkar, memberikan fleksibilitas dan kontrol atas fungsionalitas plugin. Secara keseluruhan, Tambahkan Tautan Jangkar adalah plugin penting untuk setiap pemilik situs web yang ingin mengoptimalkan konten mereka untuk pengalaman pengguna yang lebih baik.

Fitur Utama

  • Pilih jenis posting tempat tautan jangkar akan ditambahkan.
  • Nonaktifkan CSS.
  • PHP (5.6) & PHP 7 Kompatibel

Gulir Halaman Ke ID

Pengguliran halaman ke id adalah plugin canggih yang meningkatkan pengalaman pengguna dengan mengganti perilaku "melompat" tradisional browser dengan animasi pengguliran yang halus saat mengeklik tautan yang berisi nilai href "#". Ini menawarkan semua alat yang diperlukan dan fungsionalitas lanjutan untuk situs web satu halaman, navigasi dalam halaman, dan tautan kembali ke atas. Dengan lebih dari 30 jenis easing dan durasi animasi scrolling yang dapat disesuaikan, pengguna dapat menyesuaikan pengalaman scrolling mereka. Plugin ini juga menyoroti tautan dan target dengan kelas CSS siap pakai dan memungkinkan pengguliran vertikal dan/atau horizontal. Selain itu, fitur pengguliran offset berdasarkan piksel atau pemilih elemen dengan ekspresi khusus dan opsi khusus tautan seperti durasi pengguliran dan target sorotan. Plugin ini dapat meningkatkan navigasi situs web dan memberikan pengalaman pengguna yang lebih menyenangkan.

Fitur Utama

  • Animasi bergulir yang dapat disesuaikan
  • Pengguliran horizontal vertikal &
  • Mengimbangi pengguliran dengan piksel
  • Penyorotan tautan dan target
  • Bergulir di halaman yang berbeda
  • Sisipkan tautan dan tombol id target

Blok Utama

Ultimate Blocks adalah plugin WordPress yang menawarkan koleksi lebih dari 18+ blok dengan beberapa fungsi yang digabungkan dalam satu payung. Plugin ini adalah opsi yang bagus untuk mereka yang mencari plugin blok tabel konten dengan opsi tautan jangkar. Blok Daftar Isi memungkinkan Anda membuat daftar isi otomatis hanya dengan satu klik, memudahkan pengguna untuk melompat ke bagian yang ingin mereka baca. Selain itu, Anda dapat mengaktifkan atau menonaktifkan pengguliran halus dan menyesuaikan judul, latar belakang, warna daftar, dan warna ikon daftar. Secara keseluruhan, Ultimate Blocks adalah plugin komprehensif yang dapat menghemat waktu dan tenaga Anda dalam membuat konten untuk situs web Anda.

Fitur Utama

  • Gulir Penyesuaian Offset
  • Pengguliran Halus
  • Romanisasi Tautan Jangkar
  • Hapus Diacritics dari Anchor Links
  • Penjajaran Daftar
  • Blok Berguna 18+
  • Gaya Daftar Konten
  • Pisahkan Daftar Isi menjadi Kolom

Blok Jangkar

Plugin Blok Jangkar memberikan solusi mudah untuk menambahkan jangkar tautan ke konten situs web Anda menggunakan Editor Blok Gutenberg. Itu datang dengan blok khusus yang memungkinkan Anda menambahkan ID untuk jangkar Anda dan margin atas opsional. Dengan plugin ini, Anda dapat membuat tautan internal ke setiap bagian halaman Anda dengan mudah, menjadikannya alat penting untuk meningkatkan pengalaman pengguna situs web Anda. Meskipun tidak hadir dengan animasi bergulir yang mewah, Anchor Block sangat mudah dan ramah pengguna, menjadikannya cara yang mudah untuk menambahkan jangkar tautan ke konten situs web Anda.

Fitur Utama

  • Plugin yang Mudah Digunakan
  • Blok Khusus untuk Editor Blok Gutenberg
  • Tambahkan ID untuk Jangkar Anda
  • Opsi untuk Menambahkan Margin Atas Opsional di Pixel
  • Rendering Front-End dengan Anchor
  • Item Menu Tautan Kustom

Tautan Gulir Halus yang Mudah

Easy Smooth Scroll Links adalah plugin tangguh yang memungkinkan pengguna untuk menerapkan animasi pengguliran ke jangkar halaman dan pengguliran halus dengan cara yang mudah dan tidak merepotkan. Dengan lebih dari 30 efek animasi bergulir untuk dipilih, pengguna dapat menyesuaikan kecepatan gulir dan nilai offset agar sesuai dengan preferensi mereka. Plugin ini juga mendukung penggunaan kode pendek, membuatnya mudah diterapkan pada pembuat halaman apa pun, dan menyertakan Tombol Jangkar Editor Visual agar mudah digunakan di Editor Visual tanpa kode pendek. Kompatibel dengan semua browser utama, Easy Smooth Scroll Links adalah alat yang harus dimiliki oleh siapa pun yang ingin meningkatkan pengalaman pengguna situs web mereka.

Fitur Utama

  • Sesuaikan Kecepatan Gulir Nilai Offset &
  • 30 Efek Animasi Bergulir
  • Tombol Jangkar Editor Visual
  • Dukungan kode pendek
  • Kecualikan Jangkar Tertentu dari Pengguliran
  • Bekerja di Semua Browser Utama

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