Butonul Înapoi în Sus
Butonul Înapoi în Sus în GeneratePress – Puteți găsi opțiunea de a activa butonul Înapoi în Sus în Personalizare > Layout > Subsol.
Această opțiune adaugă un buton în partea de jos a site-ului dvs. odată ce începeți să defilați, care îl ajută pe vizitator să deruleze înapoi în partea de sus a paginii.
Mutarea Butonului
În mod implicit, butonul apare în partea dreaptă jos a paginii dvs. Îl putem muta folosind niște CSS:
.generate-back-to-top,
.generate-back-to-top:visited {
bottom: 30px; /* 30px from the bottom of your screen */
left: 30px; /* 30px from the left of your screen */
}În exemplul de mai sus, înlocuim dreapta implicit: 30px; cu stânga: 30px;.
Aflați cum să adăugați CSS aici.
Schimbarea Culorii
Dacă aveți GP Premium, puteți schimba culoarea în Personalizator accesând Personalizare > Culori > Subsol.
În caz contrar, putem schimba culoarea de fundal și alte stiluri folosind CSS:
.generate-back-to-top,
.generate-back-to-top:visited {
background-color: rgba( 0, 0, 0, 0.4 ); /* rgba or hex */
color: #FFFFFF;
}
/* the button when you hover/click it */
.generate-back-to-top:hover,
.generate-back-to-top:focus {
background-color: rgba( 0, 0, 0, 0.6 ); /* rgba or hex */
color: #FFFFFF;
}Aflați cum să adăugați CSS aici.
Alte Stiluri
Multe alte stiluri pot fi adăugate la buton folosind CSS:
.generate-back-to-top,
.generate-back-to-top:visited {
border-radius: 3px; /* how round the button is */
line-height: 40px; /* how tall it is */
width: 40px; /* how wide it is */
}Aflați cum să adăugați CSS aici.
Schimbați Cât de Repede vă Derulează în Partea de Sus
Putem schimba cât timp durează derularea înapoi în partea de sus a paginii cu un filtru simplu:
add_filter( 'generate_back_to_top_scroll_speed', 'tu_back_to_top_scroll_speed' );
function tu_back_to_top_scroll_speed() {
return 400; // milliseconds
}Aflați cum să adăugați PHP aici.
Schimbați Cât de Departe de Partea de Sus Apare
În mod implicit, va apărea odată ce atingeți 300px din partea de sus a paginii. Putem ajusta acest lucru cu un filtru:
add_filter( 'generate_back_to_top_start_scroll', 'tu_back_to_top_start_scroll' );
function tu_back_to_top_start_scroll() {
return 300; // 300px from the top
}Aflați cum să adăugați PHP aici.
