Cara Memperbaiki Masalah Scroll To Anchor Elementor Di Seluler

Rifat elemen Dec 14, 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 tautan jangkar ini yang tidak berfungsi dengan baik di perangkat seluler, yang dapat membuat frustasi 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 perangkat seluler. Dalam panduan ini, kami akan menjelajahi beberapa cara paling efektif untuk memecahkan masalah dan mengatasi masalah ini, termasuk menyesuaikan pengaturan situs web Anda, menggunakan kode khusus, dan memasang plugin. Dengan tips dan trik ini, Anda akan dapat memastikan bahwa tautan jangkar situs web Anda berfungsi dengan lancar dan lancar di semua perangkat, sehingga memberikan pengalaman pengguna yang lebih baik bagi pengunjung Anda.

Di Elementor, apa itu Jangkar?

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

Bagaimana Menggunakan Anchor di Situs Anda Dapat Membantu Anda

Sebuah jangkar dapat melayani berbagai tujuan. Tautan ini mengoptimalkan pengalaman berselancar di situs web Anda. Keuntungannya adalah sebagai berikut:

Meningkatkan Pengalaman Pengguna

Tautan jangkar memudahkan penjelajahan. Pengunjung Anda cukup mengklik, mengetuk, dan memilih layanan yang ingin diperoleh. Ini meningkatkan pengalaman online.

Memungkinkan Anda Kembali ke Bagian Atas Konten

Jika Anda menggulir terlalu banyak, tautan jangkar mungkin membantu Anda menuju ke 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 lebih cepat.

Mengapa Fitur Scroll to Anchor Elementor Tidak Berfungsi di Seluler

Sulit untuk menjelaskan mengapa gulir untuk berlabuh 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 mungkin juga memblokir pengoperasian fitur gulir.

Terlalu Banyak Plugin

Jika situs web Anda memiliki terlalu banyak plugin, ini mungkin menjadi alasan lain mengapa jangkar WordPress Anda berhenti merespons. Plugin tambahan berbenturan satu sama lain. Hal ini dapat menyebabkan situs web Anda 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 Ampuh Memperbaiki Elementor Scroll toAnchor

elementor anchor

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

Membuat Target

Tautan gulir Anda mungkin tidak berfungsi jika halaman Anda tidak memiliki tautan target. Oleh karena itu, Anda perlu terlebih dahulu membuat 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 terlihat oleh pemirsa atau tidak, pilih opsi ini. Untuk melakukannya, berikan 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.

Mencegah Menu Ditutup

Meskipun ini bukan solusi yang tepat, satu-satunya pilihan adalah tetap membuka menu bar drop-down. 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 Website 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 di mana 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 tautannya 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 perubahannya sekarang. Kamu selesai.

5 Plugin Jangkar dan Gulir Terbaik

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

Tambahkan Tautan Jangkar

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

Fitur Utama

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

Gulir Halaman Ke ID

Gulir halaman ke id adalah plugin canggih yang meningkatkan pengalaman pengguna dengan menggantikan perilaku "melompat" tradisional browser dengan animasi pengguliran halus saat mengeklik tautan yang berisi nilai href "#". Ia menawarkan semua alat yang diperlukan dan fungsionalitas tingkat lanjut untuk situs web satu halaman, navigasi dalam halaman, dan tautan kembali ke atas. Dengan lebih dari 30 jenis pelonggaran dan durasi animasi pengguliran yang dapat disesuaikan, pengguna dapat menyesuaikan pengalaman pengguliran mereka. Plugin ini juga menyoroti tautan dan target dengan kelas CSS yang siap digunakan dan memungkinkan pengguliran vertikal dan/atau horizontal. Selain itu, ia memiliki 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 website dan memberikan pengalaman pengguna yang lebih menyenangkan.

Fitur Utama

  • Animasi gulir yang dapat disesuaikan
  • Pengguliran vertikal & horizontal
  • Menggulir offset berdasarkan piksel
  • Tautan dan penyorotan target
  • Menggulir di halaman yang berbeda
  • Masukkan tautan dan tombol id target

Blok Utama

Ultimate Blocks adalah plugin WordPress yang menawarkan koleksi lebih dari 18+ blok dengan berbagai fungsi yang digabungkan dalam satu payung. Plugin ini adalah pilihan bagus bagi mereka yang mencari plugin blok tabel konten dengan opsi tautan jangkar. Blok Daftar Isi memungkinkan Anda membuat daftar isi otomatis hanya dengan satu klik, sehingga 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 Diakritik dari Tautan Jangkar
  • Penyelarasan Daftar
  • 18+ Blok Berguna
  • Gaya Daftar Konten
  • Pisahkan Daftar Isi menjadi Kolom

Blok Jangkar

Plugin Anchor Block memberikan solusi mudah untuk menambahkan jangkar tautan ke konten situs web Anda menggunakan Gutenberg Block Editor. Muncul 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 gulir yang mewah, Anchor Block sederhana dan mudah digunakan, 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
  • Render Front-End dengan Jangkar
  • Item Menu Tautan Khusus

Tautan Gulir Halus yang Mudah

Tautan Gulir Halus Mudah adalah plugin canggih yang memungkinkan pengguna menerapkan animasi pengguliran ke jangkar halaman dan pengguliran halus dengan cara yang mudah dan tidak merepotkan. Dengan lebih dari 30 efek animasi gulir yang dapat dipilih, pengguna dapat menyesuaikan kecepatan gulir dan nilai offset agar sesuai dengan preferensi mereka. Plugin ini juga mendukung penggunaan kode pendek, sehingga mudah diterapkan pada pembuat halaman mana 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 Pengguliran & 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 WordPress yang berfungsi penuh. Pengguna Anda mungkin akan kecewa jika tidak berfungsi dengan baik. Ketidakmampuan Elementor untuk menggulir ke jangkar di perangkat seluler adalah masalah umum yang dihadapi setiap pemilik situs web. Untuk menyederhanakan hidup Anda, kami telah menyoroti peretasan paling efektif. Kami yakin informasi ini akan membantu Anda dalam memperbaiki milik Anda.

Divi WordPress Theme