Бутон за нагоре (обратно в началото), без плъгини за WordPress
Ако говорим за един прост сайт или блог, то е само в случай, че бутона за скролиране се добавя, когато страницата има твърде много дължина и го превъртете нагоре в ръчен режим не е много удобно. И ако решите, че такава функция е от жизненоважно значение за вашия сайт, можете да използвате няколко начина за инсталиране на бутони, преглед на която ще бъде представена в тази статия.
♦ Като бутон, създаден без плъгини
⊗ бутон HTML браузър и CSS (статично бутон)
- За да започнете, създаде картина за бутона в Photoshop или копиране на любимата си онлайн.
- След това се създаде папка в главната WordPress (където «WP-включва» папка, «WP-администратор", "WP-съдържание») и го наричат, например - «IMG».
- Дай картинката име (напр naverx.png) и го поставете в тази папка.
- Освен това, представени код, за да бъде включен в тялото на маркер
Освен това, за да може да прикрепите стил на бутона и личността, което е спад style.css файла, добавете тези параметри:
#go_up позиции: фиксиран;
ширина: 50px;
височина: 50px;
надолу: 160px;
дясно: 200px;
курсора: указател;
>
За да се бутони се появяват и изчезват, докато превъртате, трябва да се по-горе HTML, добавете следния код, за да сценария.
В допълнение към този скрипт, бих искал да обясня някои от функциите, които могат да бъдат редактирани по ваша преценка, а именно:
-. Ако ($ (прозорец) .scrollTop ()> = "300" (разстоянието от горната част на сайта, за да 300 пиксела при показване на бутона).
- ако ($ (прозорец) .scrollTop ()<="350" (время возвращения страницы вверх в 350 миллисекунд.)
Без JQuery, vyshepredstavlenny код няма да работи. Защото, на първо място, трябва да се провери дали използването JQuery на вашия WordPress блог. Това може да стане много лесно.
Ако използвате браузъра Chrome или Mozilla Firefox, на всяка страница на вашия сайт, натиснете клавишната комбинация Ctrl + U, на следващата страница, натиснете Ctrl + F и вид във формата, която показва, потърсете думата «JQuery.» Ако няма резултати от търсенето, добавете код населено място по-долу, точно преди затваряне маркер (/ тяло).
Това компресиран и оптимизиран скрипт ще изпълнява функцията си на страната на хостинг Google библиотеки, така че винаги да имате най-новата версия.
Ако търсенето намира на вашия блог JQuery библиотека - тази опция може да се пренебрегне и да не се заблуждавай надолу.
За любознателните, мога да добавя, че тази библиотека може да се свърже към вашия шаблон на местно ниво, чрез вашия уеб хостинг, за да бъде в състояние да управлява този файл, при условие че добър в JavaScript. За да направите това:
За WordPress двигател в момента разработи няколко плъгини за вертикално превъртане. Всички те са за по един и същ принцип - имат специален бутон с текста или изображението се създава в долната част на страницата, която е отговорна за превъртане. Въпреки това, всички тези плъгини различават по функционалност, настройки и някои други параметри.
»Smooth превъртане Нагоре
Този инструмент е доста добър набор от опции. На първо място, можете да изберете какво ще се появи на мястото на елемент, който отговаря за превъртане на страниците - обикновен текст, бутон или произволна снимка. Можете също да изберете една от трите места за елемент за превъртане - център, надясно или наляво. Бутонът може да бъде поставен абсолютно никакъв текст. Можете да поставите един бутон не е в долната част на страницата, и на известно разстояние от върха (като превъртите надолу бутон е натиснат автоматично срещу долната част на екрана).
»JQuery Smooth Превъртете
»WPFront превъртане Нагоре
Високо качество на плъг-ин с много настройки. По-конкретно, можете да изберете типа на елемента, за да превъртите - бутон, текст, изображение (което може да се изтегли директно на компютъра). Можете да активирате бързо превъртане елемент към мобилната версия на сайта, дават възможност или да я деактивирате за някои специфични страници / секции.
Можете също така да настроите размера на един бутон, неговата степен на прозрачност, скоростта на превъртане. Можете да се регистрирате вашите собствени правила CSS за външният дизайн на елемента, определени маржове и т.н.
»Превъртане Нагоре
Доста проста плъгин, който започва да работи веднага след неговото активиране (бутон за превъртане ще се появи автоматично в долната част на страницата). Въпреки това, има и настройка, в които можете да направите промени, ако е необходимо. По-конкретно, можете да зададете ширината и височината на един бутон, цвят на фона и на, непрозрачността, радиусът на кривината, позицията на страница вертикалното подравняване на маржовете.
Приятен ден. Успех и търпение !!
С голямо уважение, Владимир Zadorozhnyuk