Cum să adăugați un buton Înapoi în sus pe site-ul dvs. WordPress

Adăugarea unui buton înapoi în sus pe site-ul dvs. WordPress poate fi o modalitate excelentă de a îmbunătăți experiența utilizatorului pe site-ul dvs. Acest buton permite vizitatorilor să deruleze rapid înapoi în partea de sus a paginii, fără a fi nevoie să folosească bara de defilare sau butonul înapoi din browser. Există câteva moduri diferite prin care puteți adăuga un buton înapoi în sus pe site-ul dvs. WordPress. Puteți folosi un plugin WordPress sau puteți adăuga singur codul. Dacă doriți să adăugați singur butonul, va trebui să adăugați următorul cod în fișierul functions.php al temei WordPress: function my_back_to_top_button() { echo '↑'; } add_action( 'wp_footer', 'my_back_to_top_button'); Acest cod va adăuga un simplu buton înapoi în sus site-ului dvs. WordPress. Dacă doriți să stilați butonul, puteți adăuga următorul CSS la fișierul style.css al temei dvs.: #back-to-top { position: fixed; jos: 20px; dreapta: 20px; afișaj: niciunul; text-decor: niciuna; fundal: #333; culoare: #fff; umplutură: 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; chenar-rază: 3px; } #back-to-top:hover { fundal: #222; } Dacă utilizați un plugin WordPress pentru a adăuga un buton înapoi în sus, va trebui să urmați instrucțiunile furnizate de autorul pluginului.

Dacă conținutul dvs. este lung, este posibil să doriți să includeți un buton „înapoi în sus”. Pur și simplu apăsați butonul săgeată din partea dreaptă a paginii pentru a derula în sus. Cele mai multe dintre cele mai populare teme WordPress includ un buton din față în sus. WPFront Scroll Top este o modalitate excelentă de a adăuga un buton back-to-top pe site-ul dvs. WordPress. Aveți acces la o varietate de opțiuni de personalizare în plugin, astfel încât să puteți face orice doriți. Dacă doriți să ascundeți un buton automat, bifați butonul „Ascunde automat” și apoi setați temporizatorul. În plus, îl puteți folosi pentru a exclude anumite pagini, așa că alegeți care opțiune funcționează cel mai bine pentru dvs.

Înapoi la început Butonul WordPress fără plugin

Există câteva modalități de a crea un buton „înapoi în sus” pentru site-ul dvs. WordPress fără a utiliza un plugin. O modalitate este să creezi pur și simplu un link în conținutul tău care să indice partea de sus a paginii. De exemplu, puteți adăuga un link la sfârșitul fiecărei postări care spune „Înapoi la început”.
O altă modalitate de a crea un buton „înapoi în sus” este să folosești un pic de cod. Puteți adăuga următorul cod în fișierul functions.php al temei dvs. WordPress:
function my_back_to_top_button() {
ecou „Înapoi la început”;
}
add_action( 'wp_footer', 'my_back_to_top_button');
Acest cod va adăuga un link la subsolul site-ului dvs. care, atunci când este făcut clic, va duce utilizatorul înapoi în partea de sus a paginii.

Experiența utilizatorului este adesea trecută cu vederea atunci când proiectați site-uri web. Multe site-uri web au un buton mic care vă permite să reveniți în partea de sus. Avantajul acestei caracteristici este că permite utilizatorilor să revină rapid în partea de sus a paginii după ce au vizualizat paginile de conținut. Este simplu să configurați butonul, dar trebuie să editați fișierele teme pentru a face acest lucru. Dacă nu aveți un folder pentru js, puteți crea unul dacă nu aveți un folder pentru js. Puteți modifica viteza de defilare a butonului introducând numărul de lângă var speed = viteza maximă. Un număr mai mare va duce la o defilare automată mai lentă.

Dacă nu vă place să adăugați o imagine pe site-ul dvs. și doriți să adăugați text, puteți face acest lucru. Trebuie să schimbi stilul. După ce ați deschis foaia de stil CSS a temei dvs., puteți adăuga următorul cod oriunde considerați potrivit, atâta timp cât nu se află între etichetele și codul existent. După instalarea unui plugin precum Simple Custom CSS , puteți adăuga codul direct în zona furnizată. Linkul către pagina de sus a site-ului dvs. trebuie adăugat direct în pagină. De asemenea, puteți evita editarea fișierelor temei dvs. dacă nu doriți. Când faceți clic pe Derulați înapoi în sus, acesta adaugă un buton de întoarcere în sus site-ului dvs., eliminând nevoia de codare. Tabloul de bord admin vă permite să modificați dimensiunea, culoarea, locația și alte opțiuni ale unui buton.

Înapoi la început Butonul WordPress Elementor

Butonul înapoi în partea de sus din WordPress Elementor este o modalitate excelentă de a sări rapid înapoi la începutul unei pagini. Acest buton poate fi personalizat pentru a se potrivi cu designul site-ului dvs. și poate fi plasat oriunde pe o pagină.

Deoarece butonul este apăsat înapoi în partea de sus a paginii când îl citiți, unii utilizatori îl apreciază. Elementor simplifică adăugarea butonului înapoi în sus. Ar trebui adăugat widget-ul buton (sau orice widget care are opțiunea de a adăuga un link, cum ar fi Text, Pictogramă sau chiar Imagine). Butonul înapoi în sus de pe site-ul dvs. este o caracteristică simplă, dar utilă. Când este selectat widget-ul Buton, mergeți la fila Avansat din panoul din partea stângă și căutați opțiunea Poziționare. Tragând butonul oriunde doriți, puteți seta cu ușurință poziția butonului.

Înapoi la început Butonul Codepen

Un buton „înapoi în sus” este o caracteristică comună pe paginile web lungi care permite utilizatorului să deruleze înapoi în partea de sus a paginii cu un singur clic. Multe site-uri web folosesc un buton fix „înapoi în sus”, care este întotdeauna vizibil pe ecran, în timp ce altele folosesc un buton plutitor „înapoi în sus” care apare doar atunci când utilizatorul derulează în jos pe pagină.
Există multe modalități de a codifica un buton „înapoi în sus”, dar una dintre cele mai simple și mai eficiente este utilizarea unui plugin „defilare în sus”. Există multe plugin-uri de defilare la top disponibile, dar unul dintre cele mai populare este pluginul „Scroll to Top” de la WPBeginner.
Odată ce ați instalat și activat pluginul, mergeți pur și simplu la Setări » Derulați la pagina de sus pentru a configura pluginul. Pe această pagină, puteți alege poziția butonului, viteza de derulare și culoarea butonului. De asemenea, puteți alege să afișați butonul pe prima pagină, toate paginile sau anumite pagini.
După ce ați configurat pluginul, faceți clic pe butonul „Salvați modificările” pentru a salva modificările. Butonul tău „înapoi în sus” va apărea acum pe site-ul tău web și va fi complet funcțional.

Eliminați butonul de derulare în sus WordPress

Pașii de mai jos vă vor ghida prin procesul de dezactivare a butonului de derulare în sus de pe tabloul de bord WordPress: Pentru a dezactiva butonul de derulare în sus, accesați Aspect. Pentru a dezactiva butonul de derulare în sus, bifați Verificare ca bifă. Vă puteți publica lucrarea făcând clic pe butonul Publicați.

Cum șterg un buton din WordPress?

Dacă doriți să ștergeți acele secțiuni, trebuie mai întâi să lansați Personalizatorul pe site-ul dvs. Selectați opțiunea Teme, apoi faceți clic pe butonul Personalizare de lângă Site-urile mele. Făcând clic pe Opțiuni teme ->Șablon de pagină de pornire, puteți accesa șablonul. Ștergeți doar ultimul caracter al primei casete - acesta este singurul care trebuie șters.

Cum pun derularea înapoi pe butonul superior Elementor?

Puteți reveni în partea de sus deschizând o pagină Elementor sau postând pe o pagină Elementor și apoi făcând clic pe un buton de derulare înapoi în sus. Făcând clic pe pictograma roată sau setări din partea stângă a „Panou Elementor”, puteți accesa secțiunea „Setări pagini”. Pur și simplu derulați în jos pentru a găsi opțiunea „EA Scroll To Top”, apoi activați-o.

Cum opresc WordPress de la defilare?

Puteți dezactiva Derularea infinită selectând opțiunea „Scroll infinit” din Site-ul meu > Scriere Setări > Defilare. În plus, dacă adăugați un widget de subsol, nu veți putea folosi opțiunea Derulare infinită.

Cum să sar în partea de sus a paginii în WordPress?

Când un utilizator derulează în jos o pagină de pe site-ul dvs., butonul „Derulați în sus” apare în colțul din dreapta jos. Când un vizitator derulează în jos pe o pagină, apare un meniu. Cu alte cuvinte, dacă vizitatorii site-ului dvs. dau clic pe butonul cu un singur clic , ei vor putea reveni în partea de sus a paginii în câteva secunde.

Butonul Înapoi WordPress către pagina anterioară

Dacă intenționați să afișați o pagină WordPress cu o tranziție de pagină atunci când se face clic pe un link, adăugați o clasă numită „pusshing-page” la link. Ca rezultat, paginii i se va solicita să introducă adresa URL. Clasa vă permite să eliminați un teanc de butoane dintr-un link, lăsând butoanele din spate în pace. O pagină rădăcină este directorul rădăcină al site-ului web.

Nu este nevoie să folosiți butonul înapoi pe o pagină. Un utilizator poate selecta unde să deschidă un link, iar tu nu trebuie să-l gestionezi pentru el. Nu am creat pagina hărții, iar persoana care a făcut-o a spus că nu a fost posibil să includeți opțiunea de a reveni de unde ați rămas cu butonul simplu de browser înapoi. Când navigați la hartă, pagina este construită în întregime în WordPress și este vizibilă numai atunci când navigați pe site prin WordPress. Ca rezultat, deschiderea paginii ca un pop-up cu un buton ÎNCHIS sau X ar putea fi o idee grozavă. Deoarece acesta este un buton WPBakery Page Builder creat prin codul Javascript, îl voi introduce în câmpul URL.