Kako odpraviti težavo Elementorja s Scroll To Anchor v mobilni napravi

Rifat Elementor Dec 14, 2023

Elementor je priljubljen vtičnik za ustvarjanje strani za WordPress, ki uporabnikom omogoča ustvarjanje osupljivih in interaktivnih spletnih mest brez znanja kodiranja. Ena od številnih funkcij je zmožnost ustvarjanja sidrnih povezav, ki se pomikajo do določenih razdelkov na strani. Vendar so nekateri uporabniki poročali o težavi s temi sidrnimi povezavami, ki ne delujejo pravilno na mobilnih napravah, kar je lahko frustrirajoče tako za lastnike spletnih mest kot za obiskovalce.

Če imate to težavo, ne skrbite! Na voljo je več rešitev, ki vam lahko pomagajo odpraviti težavo Elementorja s pomikom do sidra v mobilni napravi. V tem priročniku bomo raziskali nekaj najučinkovitejših načinov za odpravljanje in reševanje te težave, vključno s prilagajanjem nastavitev spletnega mesta, uporabo kode po meri in namestitvijo vtičnikov. S temi nasveti in triki boste lahko zagotovili, da bodo sidrne povezave vašega spletnega mesta delovale gladko in nemoteno v vseh napravah, kar bo vašim obiskovalcem omogočilo boljšo uporabniško izkušnjo.

Kaj je sidro v Elementorju?

Skočni meni je drugo ime za sidrni meni. Ta sidrni ID vas bo vodil do mesta, ki ste ga določili kot prednostno. Sidrni meni omogoča vašim gledalcem, da se pomaknejo na naslednjo stran, kliknejo katero koli povezavo in izvedejo poljubno iskanje. To je na splošno upravljavec spletnega mesta WordPress.

Kako vam lahko pomaga uporaba sidra na vašem spletnem mestu

Sidro lahko služi več namenom. Ta povezava optimizira izkušnjo brskanja po vašem spletnem mestu. Prednosti so naslednje:

Izboljša uporabniško izkušnjo

Sidrne povezave olajšajo brskanje. Vaši obiskovalci lahko preprosto kliknejo, se dotaknejo in izberejo želeno storitev. To izboljša spletno izkušnjo.

Omogoča, da se vrnete na vrh vsebine

Če se preveč pomikate, vam lahko sidrne povezave pomagajo pri prehodu na vrh strani. To orodje vam bo prihranilo čas in vas obdržalo na pravi poti.

Zagotavlja učinkovito brskanje

Sidrne povezave lahko poleg drsenja uporabljate tudi za klikanje, vrnitev na prejšnjo stran itd. Omogoča učinkovito brskanje.

Hitrejše delovanje

Od ukaza lahko dobite takojšen odgovor. Namesto vnašanja navodil sidrne povezave omogočajo hitrejšo navigacijo.

Zakaj funkcija Elementor Scroll to Anchor ne deluje na mobilnih napravah

Težko je razložiti, zakaj drsenje za sidranje v Elementorju ne deluje na mobilniku. Po obsežni preiskavi pa smo lahko ugotovili naslednja dejstva:

Nezadostni cilji

Če vaši strani manjkajo ciljne povezave, kot so Sobre-Agencia, Como-Fazer, storitve, kontakti itd. To je lahko dejavnik, ki preprečuje, da bi povezava za drsenje delovala.

Razširitve povzročajo težave

Če ima vaša naprava Android naložene razširitve, to morda tudi blokira delovanje funkcije drsenja.

Preveč vtičnikov

Če ima vaše spletno mesto preveliko število vtičnikov, je to morda še en razlog, zakaj se vaše sidro WordPress neha odzivati. Dodatni vtičniki so v nasprotju med seboj. To lahko povzroči, da vaše spletno mesto postane nedostopno.

Slabo stanje strežnika

Če strežnik vašega spletnega mesta ne podpira vtičnikov, je to morda vzrok, ki preprečuje delovanje vaših povezav.

5 najučinkovitejših nasvetov za popravljanje elementorja Pomaknite se do sidra

elementor anchor

Kljub razlogu, zakaj Elementor scroll to anchor ni bil učinkovit, vam bodo naslednji nasveti pomagali popraviti vaše spletno mesto. Tukaj gre;

Ustvarjanje tarč

Vaša povezava za drsenje morda ne bo delovala, če vaša stran nima ciljnih povezav. Iz tega razloga morate najprej zgraditi ciljne povezave in jih nato poudariti na naslednji način:

Najprej izberite svojo temo in v svoj list vnesite naslednje kode.

.menu-item a{
     Color: black;


}

Če želite biti obveščeni, ali je vaša povezava vidna občinstvu ali ne, izberite to možnost. Če želite to narediti, zagotovite naslednji CSS:

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

Uporabite filter Javascript

Za sidrni gradnik Elementor je mogoče uporabiti filter javascript. Zaženite naslednje programe, da dodate 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
} );

Prilagodite drsenje

Prilagodite drsenje zamika, medtem ko je meni odprt v mobilnem načinu kot alternativna rešitev.

Preprečite zapiranje menija

Čeprav to ni izvedljiva rešitev, je edina možnost, da spustni meni ostane odprt. To bo olajšalo navigacijo, če se vaše sidro za drsenje zatakne.

Izberite privzeto temo

Ena stvar, ki jo lahko naredite, da popravite sidrno ikono na svojem spletnem mestu, je, da popravite ikono. Izberite privzeto temo za WordPress. To je vrhunsko.

Kako preprosto dodati sidro na vaše spletno mesto Elementor z uporabo vtičnika

Vtičnik je najbolj priročen način za dodajanje sidrne povezave na spletno mesto. Če želite dodati sidro, sledite spodnjim korakom:

Namestite vtičnik za dodajanje povezav, preden dodate povezave. Nato zgradite blok kratke kode, kjer naj se prikažejo sidrne povezave. Izvedite naslednje kratke kode:

[ps2id id='section-1'/]

Vstavite sidrne povezave v povsem nov blok kratke kode. Postavite ga kamor koli želite, da se prikaže povezava. Izvedite naslednje kode:

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

Nato zamenjajte 'some-id' s sestavljenim imenom sidra in besedilo povezave z želenim sidrom. Shranite spremembe zdaj. Končali ste.

5 najboljših vtičnikov za sidro in drsenje

Obstaja na desetine vtičnikov, ki močno izboljšajo dostopnost povezovanja. Po obsežni preiskavi predlagamo pet sidrnih vtičnikov, navedenih spodaj, kot najboljših.

Dodajte sidrne povezave

Vtičnik Add Anchor Links je zmogljivo orodje, ki lastnikom spletnih mest omogoča ustvarjanje sidrnih povezav za oznake naslovov v svojih objavah, podobno kot Github ustvarja povezave znotraj svojih datotek Readme.md. Ta vtičnik je neverjetno zanesljiv in v izbrane naslove in vsebinske elemente vstavi sidrne povezave, kar obiskovalcem spletnega mesta zagotavlja brezhibno uporabniško izkušnjo. Poleg tega je Add Anchor Links skladen s PHP(5.6) in PHP 7, zaradi česar je združljiv s številnimi konfiguracijami spletnih mest. Uporabniki lahko onemogočijo CSS in določijo vrsto objave, ki ji bodo dodane sidrne povezave, kar zagotavlja prilagodljivost in nadzor nad funkcionalnostjo vtičnika. Na splošno je Add Anchor Links bistven vtičnik za vsakega lastnika spletnega mesta, ki želi optimizirati svojo vsebino za boljšo uporabniško izkušnjo.

Ključne funkcije

  • Izberite vrsto objave, kamor bodo dodane sidrne povezave.
  • Onemogoči CSS.
  • Združljiv s PHP (5.6) in PHP 7

Pomaknite se do ID-ja

Page scroll to id je zmogljiv vtičnik, ki izboljša uporabniško izkušnjo tako, da zamenja tradicionalno »skakanje« brskalnikov z animacijo gladkega drsenja, ko kliknete povezave, ki vsebujejo vrednost href »#«. Ponuja vsa potrebna orodja in napredne funkcije za enostranska spletna mesta, navigacijo po straneh in povezave nazaj na vrh. Z več kot 30 vrstami popuščanja in nastavljivim trajanjem animacije drsenja lahko uporabniki prilagodijo svojo izkušnjo drsenja. Vtičnik prav tako poudarja povezave in cilje z razredi CSS, ki so pripravljeni za uporabo, in omogoča navpično in/ali vodoravno drsenje. Poleg tega ima zamaknjeno drsenje po slikovnih pikah ali izbirnike elementov z izrazi po meri in možnostmi, specifičnimi za povezavo, kot sta trajanje drsenja in cilj osvetlitve. Ta vtičnik lahko izboljša navigacijo po spletnem mestu in zagotovi prijetnejšo uporabniško izkušnjo.

Ključne funkcije

  • Nastavljiva drsna animacija
  • Navpično in vodoravno drsenje
  • Zamik drsenja po slikovnih pikah
  • Označevanje povezave in cilja
  • Pomikanje po različnih straneh
  • Gumba za vstavljanje povezave in ciljni ID

Končni bloki

Ultimate Blocks je vtičnik za WordPress, ki ponuja obsežno zbirko več kot 18+ blokov z več funkcijami, združenimi pod enim dežnikom. Ta vtičnik je odlična možnost za tiste, ki iščejo vtičnik za blok tabele vsebine z možnostmi sidrne povezave. Blok kazala vsebine vam omogoča, da ustvarite avtomatizirano kazalo vsebine s samo enim klikom, kar uporabnikom olajša skok na razdelek, ki ga želijo prebrati. Poleg tega lahko aktivirate ali deaktivirate gladko drsenje in prilagodite naslov, ozadje, barvo seznama in barvo ikon seznama. Na splošno je Ultimate Blocks celovit vtičnik, ki vam lahko prihrani čas in trud pri ustvarjanju vsebine za vaše spletno mesto.

Ključne funkcije

  • Prilagoditev odmika drsenja
  • Gladko drsenje
  • Romaniziraj sidrne povezave
  • Odstranite diakritike iz sidrnih povezav
  • Poravnava seznama
  • 18+ uporabnih blokov
  • Slog seznama vsebine
  • Kazalo vsebine razdelite na stolpce

Sidrni blok

Vtičnik Anchor Block ponuja preprosto rešitev za dodajanje sider povezav vsebini vašega spletnega mesta z uporabo Gutenbergovega urejevalnika blokov. Na voljo je z namenskim blokom, ki vam omogoča dodajanje ID-ja za vaše sidro in izbirni zgornji rob. S tem vtičnikom lahko preprosto ustvarite notranje povezave do vsakega dela vaših strani, zaradi česar je bistveno orodje za izboljšanje uporabniške izkušnje vašega spletnega mesta. Čeprav ne vsebuje domiselnih drsnih animacij, je Anchor Block preprost in uporabniku prijazen, zaradi česar je brez težav dodajanje sider povezav vsebini vašega spletnega mesta.

Ključne funkcije

  • Vtičnik, enostaven za uporabo
  • Namenski blok za Gutenbergov urejevalnik blokov
  • Dodajte ID za svoje sidro
  • Možnost dodajanja izbirnega zgornjega roba v Pixel
  • Sprednje upodabljanje s sidrom
  • Element menija povezave po meri

Povezave za preprosto gladko drsenje

Easy Smooth Scroll Links je zmogljiv vtičnik, ki uporabnikom omogoča uporabo drsnih animacij na sidrih strani in gladko drsenje na enostaven način brez težav. Z več kot 30 drsnimi animacijskimi učinki, med katerimi lahko izbirate, lahko uporabniki prilagodijo hitrost drsenja in vrednost odmika svojim željam. Vtičnik podpira tudi uporabo kratkih kod, kar olajša implementacijo v kateri koli graditelj strani, in vključuje sidrni gumb vizualnega urejevalnika za enostavno uporabo v vizualnem urejevalniku brez kratkih kod. Easy Smooth Scroll Links je združljiv z vsemi glavnimi brskalniki in je orodje, ki ga morajo imeti vsi, ki želijo izboljšati uporabniško izkušnjo svojega spletnega mesta.

Ključne funkcije

  • Prilagodite hitrost drsenja in vrednost odmika
  • 30 drsečih animacijskih učinkov
  • Sidrni gumb vizualnega urejevalnika
  • Podpora za kratke kode
  • Izključi določena sidra iz drsenja
  • Deluje v vseh večjih brskalnikih

Zavijanje

Vsak lastnik spletnega mesta si želi popolnoma delujoče spletno mesto WordPress. Vaši uporabniki bodo morda razočarani, če ne bo deloval pravilno. Nezmožnost Elementorja , da se pomakne do sidra na mobilni napravi, je pogosta težava, s katero se srečuje vsak lastnik spletnega mesta. Da bi vam poenostavili življenje, smo izpostavili najučinkovitejše trike. Verjamemo, da vam bodo te informacije pomagale pri popravilu vašega.

Divi WordPress Theme