Butonul înapoi la început pentru WordPress. Opțiuni de instalare

Bună ziua, dragi cititori ai site-ului! Vă prezint o nouă postare în care voi vorbi despre ce este butonul „Înapoi la început” și cum să îl instalez pe WordPress. Ei bine, la început, ca întotdeauna, voi explica de ce acest buton este chiar necesar și dacă merită instalat. Să începem!

Pentru ce este butonul Înapoi la început?

De exemplu, ați scris un articol lung, utilizatorul l-a citit până la sfârșit și acum vrea să se întoarcă la început. Cred că aceasta este o situație familiară. Nu este adevărat? Dar rotirea rotii mouse-ului și „tragerea” cursorului nu este foarte convenabilă și durează mult timp.

De aceea a fost creat această funcție— ridicarea paginii în sus. Și, de asemenea, dacă proiectați frumos butonul, atunci acesta este un plus pentru design! Și dacă îl modificați, atunci când îl apăsați, puteți elibera pagina în jos, adică. viceversa. Doar așa.

Ridicarea paginii se poate face atât cu ajutorul unui plugin, cât și fără acesta. Le voi explica pe amândouă acum. Deci fii atent.

Instalarea unui buton cu un plugin

Primul lucru pe care trebuie să-l faceți este să îl activați. După care butonul va începe să funcționeze. Dar imaginea butonului va fi standard. Te sfătuiesc să-l schimbi cu al tău. Pentru aceasta:

1. Accesați fila „Opțiuni”.
2. —> Derulați până sus
3. Și alegeți aspectul butonului dintre cele propuse sau încărcați-l pe al dvs
4. Faceți clic pe butonul „Opțiuni de actualizare”.
5. Gata! Butonul înapoi în sus pentru WordPress are un aspect nou.

Ca aceasta. De asemenea, îl puteți configura și anume:

• Locaţie
• Indentări
• Viteză
• si mai mult

Butonul „Înapoi sus” fără un plugin

Acum ne vom uita la cum se face butonul înapoi în sus pentru wordpress fără a utiliza pluginuri de la terți. De ce nici un plugin? Dar pentru că pluginurile încetinesc site-ul. Am spus deja acest lucru de mai multe ori (În articol - Adăugarea unui videoclip la WordPress) și o voi spune iar și iar.

Pentru a face un buton urmați instrucțiunile de mai jos:

1. Deschideți fișierul footer.php, care se află în folderul șablon și lipiți înainte cod:

Faceți doar câteva modificări, și anume:

• unde scrie your_site.ru - scrieți adresa site-ului dvs

• unde este calea către imagine - introduceți calea către imagine care va fi butonul

• unde imaginea este titlul imaginii. Dacă nu .jpg, atunci schimbați-l în formatul setat în imagine.

2. Deschideți fișierul stil.css, care se află și în folderul cu șablonul, iar la sfârșit lipiți următorul cod:

#toTop ( lățime: 100px; text-align: center; padding: 5px; poziție: fix; jos: 10px; dreapta: 10px; cursor: pointer; culoare: #666666; text-decoration: niciunul;)

3. Descărcați și extrageți-l. Conține un fișier verx.js, pe care trebuie să-l adăugați la rădăcina site-ului dvs.

4. Deschideți fișierul funcții.php, situat în folderul cu șablonul și introduceți codul acolo:

// includere inteligentă jquery dacă (!is_admin()) ( wp_deregister_script("jquery"); wp_register_script("jquery", ("//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js" ), false); wp_enqueue_script("jquery");

5. Ei bine, asta-i tot! Vă pot felicita, acum site-ul dvs. are un buton înapoi în sus pentru WordPress.

Tocmai ați citit articolul „Butonul Înapoi la început pentru WordPress” și l-ați instalat pentru dvs. Care sunt impresiile tale? Scrieți în comentarii! Asta e tot deocamdată, toată lumea.

Salutări, Konstantin Belan.

Butonul „înapoi în sus” pentru un site web a fost mult timp un atribut obligatoriu.

Judecă singur, citești un articol destul de lung. Am terminat de citit, acum trebuie să mergem în partea de sus a site-ului. Puteți face acest lucru folosind glisorul din browser, dar, vedeți, este mult mai convenabil să faceți clic pe mouse și să fiți în partea de sus cu un efect neted și îngrijit. Un fleac, desigur, dar tocmai aceste lucruri mici modelează atitudinea față de site-ul tău. Și este mai plăcut când verifici un articol, da, sau pur și simplu îți admiri site-ul. Dacă se face cu suflet, desigur.

Multe teme moderne au deja încorporată funcționalitatea butonului Înapoi la început. Acestea pot fi săgeți sau inscripții cu text la alegere. Mai presus de toate, desigur, o varietate de săgeți. Ingrijite, elegante, sunt mereu la indemana, te poti trece in top oricand.

Există însă o părere că pt browsere moderne Există deja extensii în care puteți instala un astfel de buton pentru orice site. Da, aceste extensii există atât pentru Chrome, cât și pentru Fox. Dar, rețineți că pe site-ul dvs. vin persoane diferite. Există mulți fani IE, unii pur și simplu nu doresc să instaleze extensii suplimentare în browserele lor; alții pur și simplu nu știu despre astfel de posibilități; Pe scurt, nu va strica; este logic să petreceți ceva timp îmbunătățind performanța site-ului dvs.

Opțiuni pentru instalarea unui buton Back to Top pentru un site alimentat de WordPress

Setarea butonului Back to Top folosind un cod.

Aici am propria mea opinie, pe care o voi împărtăși cu plăcere.

Există multe opțiuni diferite pentru instalarea butonului Top și multe altele, pe cont propriu. În principiu, nu este dificil să scrieți câteva rânduri de cod fisierele necesare. Singura întrebare este - DE CE?

Există o părere că pluginurile inutile fac site-ul să funcționeze mai greu și mai lent. Desigur, asta se întâmplă. Dar, dacă ați decis deja să faceți adăugarea necesară, atunci ce diferență are dacă scrieți singur codul sau dacă va fi adăugat după instalarea pluginului necesar? Numărul de comenzi va crește oricum, codul de script va necesita, în orice caz, unele resurse pentru procesarea acestuia. Numai că, într-un caz, adăugați codul manual, în celălalt, această adăugare se face printr-un plugin.

Și nu uitați acest moment. Puteți instala codul, va funcționa. Dar, în primul rând, cât de corect va continua acest lucru după actualizarea motorului? În al doilea rând, codurile pluginurilor sunt îmbunătățite în mod constant. Există o discuție în curs, o căutare a erorilor și erorilor este în curs. Dezvoltatorii își actualizează în mod regulat pluginurile, astfel încât este mult mai probabil să aveți un cod mai optimizat de la un dezvoltator profesionist decât să îl adăugați singur.

Ei bine, confort de bază. Te-ai săturat de această versiune a butonului Back to Top, ai dezactivat pluginul și ai instalat altul. Mi-a placut, a fost grozav, nu, au activat rapid pe cel verificat. Nu are rost să faci tam-tam pentru un asemenea fleac, acum trebuie să-ți amintești în șase luni ce ai scris în funcție.

Nu voi descrie aici metoda de instalare folosind cod, dacă se dorește, aceste opțiuni pot fi găsite cu ușurință pe Internet.

Derulați la pluginul Top Button

Acesta este probabil cel mai popular plugin pentru adăugarea unui buton Înapoi la început pe un site web astăzi. Un fel de clasic al genului. Se instalează și se configurează ușor și simplu.

Să mergem la Pluginuri – Adăugați noi, inserați în caseta de căutare Derulați la Butonul de sus. Găsim, instalăm, activăm.

În fila Aspect apare articolul Derulați la Butonul de sus, faceți clic și vedeți setările acestui plugin:

Sunt doar doi dintre ei. Schema de culori– întuneric sau deschis. Dimensiune– mare sau mic.

Selectăm parametrii necesari și admirăm cum în colțul din dreapta jos, după o mișcare în jos, apare săgeata sus. Tranziție îngrijită, lină, în principiu, nu este nevoie de altceva. Pluginul este actualizat regulat, astfel încât codul va fi mereu proaspăt și, judecând după recenzii, nu va avea niciun efect asupra vitezei site-ului.

Să nu ne oprim la un singur plugin, să vedem ce mai putem găsi pentru butonul nostru Top.

Pluginul JCWP Derulați în partea de sus

Aici se observă o imagine complet diferită. Acest plugin vă permite să schimbați aspectul butonului nostru după gust, culoare și dimensiune. Ei bine, primul lucru.

Să mergem la Pluginuri - Adăugați noi, introduceți în căutare JCWP Derulați în sus, găsiți, instalați, activați.

Setările pluginului pot fi găsite deja într-o altă filă - Opțiuni — JCWP Derulați în sus:

Nu am pus toti parametrii reglabili in poza ar fi fost prea mult.

Aproape totul este personalizabil.

• Durata animației;
• După ce număr de pixeli apare derularea;
• Îți poți face propriul identificator pentru buton;
• Efect pentru aspectul butonului;
• Poziția butonului;
• Text pe buton;
• Setarea culorii de fundal, fontului, mărimii literelor, culorii cadrului, rotunjirea colțurilor;
• Dezactivare pentru dispozitive mobile;

Acestea sunt setările. După cum puteți vedea, nu vom avea o imagine de buton gata făcută, aceasta va fi formată din stilurile pe care le specificăm. O soluție convenabilă, potrivită pentru aproape orice design, efecte interesante pentru aspect.

Pluginul WPFront Scroll Top

Instalare standard Pluginuri – Adăugați noi —WPFfront Derulați sus . Descărcați, instalați, activați.

Puteți găsi setările pluginului în filă WPFfront – Derulați sus:

Aici avem un adevărat Klondike pentru fanii butoanelor grafice. Alegerea este cu adevărat decentă, pentru toate gusturile. Există săgeți simple, și cu inscripții, și transparente, și întunecate și luminoase. Alege ce vrei.

• Puteți ajusta numărul de pixeli pentru ca butonul să apară;
• Îți poți face singur dimensiunea butonului;
• Puteți adăuga transparență butonului;
• Setări de netezime pentru aspectul butonului și pentru trecerea în partea de sus;
• Puteți personaliza aspectul butonului pentru dispozitivele mobile;
• Setarea locației și umplutura pentru buton;
• Puteți seta adresa la care va merge utilizatorul după ce faceți clic pe butonul. O varianta ciudata, desi cine stie, poate va fi de folos cuiva;

Imaginile sunt chiar frumoase. Sunt unele stricte, și sunt vesele, pentru toate gusturile.

Acestea sunt pluginurile care vă vor ajuta să creați cu ușurință un buton Back to Top necesar și util pe site-ul dvs. Mult succes tuturor!

Pluginurile pentru butoanele de sus WordPress prezentate în acest articol creează un buton pe paginile site-ului web care, atunci când se face clic, va derula ușor pagina în sus. Toate pluginurile au setări. În setări puteți schimba culoarea, locația și stilul butonului. Toate pluginurile pentru butoanele de sus WordPress funcționează pe site-uri conectate la oricare Script Java bibliotecă.

Plugin dinamic „To Top”.

Pagina oficiala Plugin dinamic „To Top” ( https://wordpress.org/extend/plugins/dynamic-to-top/). Pluginul plasează un buton „Înapoi la început” pe site. Pluginul este instalat. Limba pluginului este engleza.

Setările pluginului dinamic „To Top” includ:

• 4 poziții ale butonului „Înapoi în sus” de pe site;
• Setări aspect(culoare, umbră, chenar);
• Selectarea vitezei în sus;
• Este posibil să dezactivați versiunea mobilă;
• Posibilitatea de a adăuga text la un buton.

Capturi de ecran ale pluginului dinamic „To Top”.

Pluginul derulați în sus

Pagina oficială a pluginului Scroll To Top ( https://wordpress.org/extend/plugins/scrollto-top/). Plugin pentru plasarea unui buton „Înapoi la început” pe un site web. standard. Limba engleza.

Din Setări

• 9 poziții ale butonului „Înapoi în sus” de pe site;
• 4 stiluri de butoane;
• Posibilitatea de a seta propria imagine pentru buton;
• Înlocuirea unui buton cu un link text cu setări de culoare.

Nota: Sora pluginului Scroll To Top, este numit pluginul butonului „Jos”. Derulați în jos. Pagina oficială de plugin: https://wordpress.org/extend/plugins/scrollto-bottom.

Pluginul de aplicație Skysa Scroll-to-Top

Pagina oficială a pluginului Skysa Scroll-to-Top Add (https://wordpress.org/extend/plugins/skysa-scroll-to-top-app/). Plugin pentru instalarea panoului Skysa din partea de jos a paginilor site-ului. ÎN versiune gratuită Doar săgeata „Sus” cu o etichetă personalizată este instalată în panou.

Versiunea gratuită a pluginului nu are practic setări. Doar o bară cu o săgeată și o inscripție personalizată. Înainte de a cumpăra versiuni pro Ei acordă o perioadă de 15 zile pentru testare.

Capturi de ecran ale pluginului Skysa Scroll-to-Top App

Plus

Cea mai simplă soluție pentru butonul înapoi în sus, nu există o soluție mai simplă

Dacă NU aveți nevoie de butoane „Înapoi la început” frumoase și „sofisticate”, dar este suficientă o simplă inscripție, atunci trebuie doar să introduceți următorul cod oriunde în șablonul site-ului dvs. (de exemplu, footer.php) unde doriți să afișați „ Înapoi la început” sau orice intrare pe care utilizatorul poate înțelege:

Sus sau orice alt text

Toate! Nu trebuie să faci nimic altceva.

Această inscripție „Înapoi la început” nu intră în conflict cu pluginurile; butonul suplimentar"La etaj."

Alte pluginuri pentru butoanele WordPress înapoi la început

Pentru a completa informațiile, voi furniza o listă cu încă 5 plugin-uri pentru implementarea butonului „Înapoi la început” de pe site. Suportul și actualizările pentru pluginuri se schimbă constant, așa că putem vorbi despre ele doar în momentul utilizării.

• Derulați la Butonul de sus (https://ru.wordpress.org/plugins/scroll-to-top-button/)
• Defilare lină în sus (https://ru.wordpress.org/plugins/smooth-scroll-up/)
• LB Înapoi la început (https://ru.wordpress.org/plugins/backtop/)
• WPF Front Scroll Top (https://ru.wordpress.org/plugins/wpfront-scroll-top/)
• M7 Go Top (https://wordpress.org/plugins/m7-go-top/)

(Ultima actualizare: 03.05.2019)

Salutare tuturor! Il ai pe site-ul tau? butonul sus WordPress pentru derularea lină a paginii? Neinstalat încă. Să nu amânăm instalarea butonului magic decât mai târziu, deoarece butonul sus de pe site este foarte convenabil, mai ales pentru vizitatorii tăi. Este în regulă fără el, doar mă enervează când nu este pe site. Trebuie să rotiți rotița pentru a reveni în partea de sus a paginii. Rău, foarte rău fără buton. Webmasterii trebuie să le pese mai mult de vizitatorii lor.

Butoane pentru defilare lină în sus în WordPress

Doamnelor și domnilor, fiți mai atenți la cititorii voștri, altfel îi veți pierde pentru totdeauna.

Astăzi vă voi prezenta cele mai bune plugin-uri cu care poți instala un buton Back to top (Scroll To Top) pe site-ul sau blogul tău. selectate pe baza celor mai mari descărcări de module de către utilizatorii platformei WP. Permiteți-mi să vă reamintesc că toate pluginurile pot fi instalate în mod standard, din panoul de administrare, prin căutarea și încărcătorul de pluginuri. Nu este nevoie să descărcați nimic. Instalat, activat, configurat și atât.

Cum se creează un buton pe un site web. Plugin-uri - Buton Up pentru WordPress

Vom merge primii simplu plugin jQuery Scroll neted

Pluginul jQuery Smooth Scroll

Acest plugin adaugă automat un buton de sus după instalarea și activarea modulului. Butonul sus va apărea în colțul din dreapta jos al site-ului. După cum se spune, setează-l și uită-l. Pluginul a fost deja instalat de peste 50.700 de ori. Și așa arată butonul nostru:

Butonul Sus pe site-ul WP

Plugin ușor Smooth Scroll Up - defilare lină în sus

Plugin ușor Smooth Scroll Up

Smooth Scroll Up este un plugin ușor care creează o funcție personalizabilă de defilare în partea de sus pe site-ul dvs. WordPress. Pluginul Smooth Scroll Up are setări minime. Selectați din diverse tipuri Derulați în sus elemente - imagine, pictogramă, link text etc.

Opțiuni pentru configurarea pluginului Smooth Scroll Up

Pluginul este în rusă, așa că nu veți avea probleme cu setările butonului sus.

Pluginul WPFront Scroll Top

Adăugarea unui buton de defilare în sus

Modulul WPFront Scroll Top permite vizitatorului să deruleze cu ușurință înapoi în partea de sus a paginii cu opțiuni și imagini complet personalizabile. Acest plugin are mai multe setări și, cel mai important, o selecție foarte mare de pictograme (imagini) ale butonului în sine. Poți să faci și fără poză:

Configurarea pluginului WPFront Scroll Top

Și imaginile butoanelor în sine au o mulțime de alegere. Chiar dacă niciuna dintre imaginile butoanelor de sus nu ți se potrivește, poți oferi un link către imaginea butonului:

Selectare butonul sus

De acord, acesta este un set destul de decent de imagini pentru un buton magic. Adevărat, pluginul este engleză, dar Google va traduce. Și iată un exemplu de buton instalat pe site:

butonul Sus

Pluginul derulați înapoi la început - butonul sus

Derulați înapoi la pluginul de sus

Modulul Scroll Back To Top are, de asemenea, o serie de setări și opțiuni pentru modul în care va arăta butonul din partea de sus:

Exemplu de butoane sus pe un site web

Probabil asta e tot. După părerea mea, există suficiente plugin-uri cu care poți instala un buton sus pe un site WordPress. Alegerea este a voastră, dragi prieteni. Sper să vă placă această recenzie. Succes și ne vedem mai târziu.

Butonul de sus este acum prezent pe multe site-uri și îi ajută pe utilizatori să revină rapid în partea de sus a paginii. Acest lucru este destul de convenabil dacă site-ul afișează multe informații. Prin urmare, pentru a nu trebui să derulați pagina web înapoi la începutul articolului sau la meniu de fiecare dată, dezvoltatorii recomandă adăugarea unui buton în sus. De obicei, este situat în colțul din dreapta jos și apare pe măsură ce vă apropiați de sfârșitul paginii. Opțiunea este destul de interesantă și nu atât de dificil de implementat.

Puteți, în principiu, să creați un buton în partea de sus folosind anumite scripturi și editarea șablonului WordPress, dar există o opțiune mai ușoară - plugin-urile. Este ideal pentru cei cărora le este prea lene să înțeleagă codul sau pentru cei care nu cunosc probleme de dezvoltare web. În plus, modulele au setări diferite pentru implementarea anumitor caracteristici interesante. Și asta, vezi tu, este și foarte util. Din cele 10 plugin-uri găsite pentru funcția Back to top, voi lua în considerare doar 4 care au un număr suficient de descărcări și răspund versiunile actuale sisteme WordPress.

Derulare lină în sus

Un plugin ușor și personalizabil, Smooth Scroll Up vă permite să adăugați un buton de sus la orice postare/pagină din WordPress. Modulul a fost descărcat de peste 40 de mii de ori sunt acceptate versiunile WP de la 3.2 la 4.1. Ultima actualizare a fost recent. Traduceri disponibile pentru limbi diferite(Rusă și ucraineană nu sunt încă disponibile).

Caracteristicile cheie ale Smooth Scroll Up:

• Selectarea diferitelor elemente pentru butonul sus: text, imagine, buton.
• Selectarea unei poziții pentru elementul Înapoi în sus: stânga, dreapta, centru.
• Posibilitatea de a specifica orice text pentru butonul de sus.
• Specifică distanța de la partea de sus a paginii după care apare butonul.
• Animație la defilare (defilare, estompare).
• Afișați/ascundeți activat pagina de startși dispozitive mobile.
• Adăugarea unui eveniment de clic.

Iată parametrii pentru butonul înapoi în sus (culoare, chenar, fundal, transparență) și setarea locației elementului Înapoi în sus și utilizarea imaginilor sau textului pentru acesta, plus opțiunile de animație la derulare etc. Versiunile WordPress acceptate sunt de la 3.0 la 3.9.2, modulul a fost descărcat de peste 18 mii de ori.

Dintre aceste patru plugin-uri pentru butonul înapoi în sus, v-aș sfătui să alegeți. Ordinea lor în recenzie nu este o evaluare, adică nu înseamnă că am considerat cel mai bun la începutul sau la sfârșitul articolului, ei merg pe măsură ce mă cunosc. Practic totul depinde de nevoile tale. Dacă sunteți departe de dezvoltare și WordPress, atunci cea mai ușoară cale este să instalați Smooth Scroll Up și să uitați de asta. Pentru cei care vor să se chinuiască cu setările, ultimele două plugin-uri sunt potrivite. Primul este cel mai nou de pe în acest moment. În general, există o mulțime din care să alegeți.