Butonul Sus (înapoi la început), fără a plug-in-uri pentru WordPress
Dacă vorbim despre un site sau un blog simplu, acesta este doar în cazul în care butonul de defilare se adaugă atunci când pagina are o lungime prea mult și derulați-l în modul manual nu este foarte convenabil. Și dacă vă decideți că o astfel de funcție este vital pentru site-ul dvs., puteți utiliza mai multe moduri de a instala butoane, o revizuire a, care vor fi prezentate în acest articol.
♦ Ca buton configurat fără plugin-uri
⊗ butonul Browser HTML si CSS (butonul static)
- Pentru a începe, a crea o imagine pentru butonul în Photoshop sau copia online preferat.
- Apoi, creați un director în WordPress rădăcină (în cazul în care «wp-include» dosar, «wp-admin», «-wp conținut») și numesc, de exemplu - «img».
- Dă imaginii un nume (de exemplu, naverx.png) și puneți-l în acest dosar.
- În plus, codul prezentat care urmează să fie introdus în corpul etichetei
Mai mult, pentru a fi în măsură să atașați stilul de buton și personalitate, în jos fișierul style.css, adăugați acești parametri:
Poziția #go_up: fix;
lățime: 50px;
înălțime: 50px;
jos: 160px;
dreapta: 200px;
cursor: pointer;
>
Pentru butoane apar și dispar în timp ce defilare, trebuie să codul HTML de mai sus, adăugați următorul cod la script.
În plus față de acest scenariu, aș dori să explic unele dintre caracteristicile care pot fi editate pe discreție, și anume:
-. În cazul în care ($ (fereastră) .scrollTop ()> = "300" (distanța de la partea de sus a site-ului la 300 de pixeli când este afișat butonul).
- în cazul în care ($ (fereastră) .scrollTop ()<="350" (время возвращения страницы вверх в 350 миллисекунд.)
Fără JQuery, codul vyshepredstavlenny nu va funcționa. Pentru că, în primul rând, trebuie să verificați dacă utilizarea JQuery pe blog-ul dvs. WordPress. Acest lucru se poate face foarte ușor.
Dacă utilizați browserul Chrome sau Mozilla Firefox, pe orice pagină a site-ului, apăsați comanda rapidă de la tastatură Ctrl + U, pe pagina următoare, apăsați pe Ctrl + F și introduceți în formularul care apare, căutați cuvântul «jQuery.» Dacă nici un rezultat de căutare, adăugați un cod de locație de mai jos, chiar înainte eticheta de închidere (/ corp).
Acest script comprimat și optimizat va îndeplini funcția sa de pe partea de hosting google-biblioteci, astfel încât să aveți întotdeauna cea mai recentă versiune.
În cazul în care Căutarea a găsit pe blog-ul dvs. de bibliotecă JQuery - această opțiune poate fi ignorată și nu te păcălești în jos.
Pentru curiosi, pot adăuga că această bibliotecă poate fi conectat la șablonul local, prin intermediul dvs. de găzduire pentru a putea gestiona acest fișier de web, cu condiția ca bun la JavaScript. Pentru a face acest lucru:
Pentru motorul de WordPress dezvoltat în prezent mai multe plugin-uri pentru defilare verticală. Toate acestea sunt aproximativ pe același principiu - un buton special cu textul sau imaginea este creată în partea de jos a paginii, care este responsabil pentru scroll. Cu toate acestea, toate aceste plug-in-uri diferă în funcționalitate, setări și alți parametri.
»Smooth Scroll Up
Acest instrument are un set destul de bun de opțiuni. În primul rând, puteți alege ceea ce este afișat în locul elementelor responsabile pentru pagina defilare - buton text simplu sau o imagine arbitrară. Puteți selecta, de asemenea, una dintre cele trei locații pentru elementul de derulare - centru, dreapta sau la stânga. Butonul poate fi plasat absolut orice text. Puteți plasa un buton care nu se află în partea de jos a paginii, și la o anumită distanță față de partea superioară a acesteia (pe măsură ce derulați în jos buton este apăsat în mod automat pe partea de jos a ecranului).
»JQuery Derulare lină
»WPFront Derulați Sus
De înaltă calitate plug-in cu o mulțime de setări. În special, puteți selecta tipul de element pentru a defila - buton, text, imagine (care pot fi descărcate direct pe computer). Puteți activa elementul de defilare rapid la versiunea mobilă a site-ului, activați sau dezactivați-l pentru anumite pagini / secțiuni specifice.
Puteți ajusta, de asemenea, dimensiunea unui buton, gradul său de transparență, viteza de derulare. Puteți înregistra propriile reguli CSS pentru design-ul exterior al elementului, setați marginile, etc.
»Derulați Înapoi la început
plugin Destul de simplu, care începe să lucreze imediat după activarea acestuia (butonul de defilare va apărea automat în partea de jos a paginii). Cu toate acestea, există și o setare în care puteți face modificări, dacă este necesar. În special, puteți seta lățimea și înălțimea unui buton, prim-plan și culoarea de fundal, opacitatea, raza de curbură, poziția de pe pagina de aliniere verticală, margini.
O zi bună. noroc și răbdare bun !!
Cu mare respect, Vladimir Zadorozhnyuk