Интернет, Web Hosting
Бутона "Up" за сайта: как да се направи
Такава функция, бутонът "нагоре" за сайта, което прави Интернет по-удобно ресурс за своите посетители. Той помага да се лесно да навигирате от всяка точка на страницата в горната част. Това е задължително за онлайн магазини и обекти с големи позиции, които изискват продължително превъртане надолу.
Защо е необходимо
В момента повечето от сайтовете на тази функция, бутонът "нагоре" не е, и няма нищо, от решаващо значение. Но неговата употреба може да донесе много предимства както за интернет ресурса и на своите посетители.
Ползи за посетители
Често, когато страницата на Интернет ресурс е силно натоварен количество информация, когато информацията статия отнема много място и се наложи да превъртите надолу в страницата с помощта на колелцето на мишката. Плюсът на това, в края на статията може да представи много коментари към него.
Когато посетител чете статия в личен досаден превъртане надолу страница не е налице, но когато текстът стигна до края и че е необходимо да се движи нагоре, тя започва да се умори малко. Повечето хора ще прекалено мързеливи, за да водят дълъг свитък, и те просто затворете сайта, а не друг разходка през отворените си пространства.
С помощта на бутон, за да мигновено се премести в горната част на страницата прави забавлението на сайта е по-удобно.
Предимства на интернет ресурсите
Положителни аспекти на ресурса се основават на исторически фактори, защото е по-лесно да се движите на сайта подобрява поведенчески фактори, като всички посетители ще бъдат по-активни в действията си и да се премести към други страници.
По този начин данни поведенчески фактори влияят на отношението на всички търсачки в сайта и да доведе до подобряване на място в резултатите от търсене.
Как да си направим бутона "Up" на интернет страницата на мира
Нататък са изследвани. Бутон за да превъртите до сайта и да е от ССФ винаги можете да направите своя собствена, като следвате няколко прости стъпки:
- създаване на изображение;
- създаването на сценария;
- Създаване на стил на бутоните;
- добавяне към сайта.
бутон на изображението
За да добавите "нагоре" на сайта, като за начало е необходимо да се направи икона, когато се натисне, потребителят ще се движи нагоре на страницата. Можете да използвате готови опции, сред които и ние винаги може да избере най-подходящите.
За подобряване на външния вид на бутона, трябва да се направят някои подобрения, а именно да се направи спрайт, позволява CSS-базирани комбинирате фонови изображения, като по този начин създаде кратка анимация.
За графични произведения, можете да използвате всеки редактор. Но най-удобният вариант е онлайн услугата Pixlr, тъй като няма нищо, за да изтеглите и няма нужда да, можете да ги използвате директно в браузъра.
За да започнете работа в редактора прозорец, за да изберете "Качване на изображение от компютъра си." Като пример, да вземе образа на ракета.
Ако размерът на избраните икони са твърде големи, ще трябва да направим малък корекция на размера. За да направите това, "Edit", отидете в главното меню и изберете терена и след «Свободен превърне ...»
На следващо място, в непосредствена близост до снимката има специални маркери, които са в движение, можете да промените размера на изображението. За да се запази съотношението на екрана, можете да използвате клавиша Shift, като приема, че е необходимо да се движи сините маркери. В края на тези действия се получава ракети изображение.
Следващата стъпка - създаването на копие на слоя.
Сега трябва да преместите изображението от новите ракети слой малко. За да направите това, ще бъде удобно да се използва за преместване инструмент, който се намира във втората колона от менюто вляво, и стрелка "нагоре" на клавиатурата.
Сега трябва да се направи най-добре изображението в черно и бяло. Това може да стане с помощта на т "Корекция" - "Hue / Saturation" от главното меню. За пълно обезцветяване слайдер "Saturation" трябва да вземе стойността -100. Това действие ще направи в смисъл, че бутона "Up" ще се превърне от черно и бяло до цвят, когато мишката върху него.
Крайният докосване - отстраняване на излишната пространство около двете изображения. За да направите това, изберете елемент "Trim" от менюто вляво и изберете само две ракети в правоъгълник. За да направите подстригване преси за въвеждане.
За да се получи изображение, в който има твърде много пространство. Трябва да се запише ширината и височината на получените изображения, тъй като тези данни ще бъдат полезни в следващата стъпка.
За да спестите нуждата да кликнете върху "Файл" - "Save", където ляво под "My Computer" напишете името на изображението (само на английски клавиатурна подредба), изберете формат (в този случай - PNG) и натиснете "Да".
Файл със сценария "Нагоре" бутон
Напишете скрипт, в този случай не е необходимо. Това ще бъде възможно да се използва обществен опция, с което в някои изменения готов код.
Това ще изисква изтеглянето на всеки код редактор. Най-популярната и също така безплатна версия - е Notepad ++. След инсталацията, което трябва да го копирате и поставите всичко това код:
| <Тип скрипт = "текст / JavaScript "> $ (документ) .ready (функция () {$ (прозорец) .scroll (функция () {ако ($ (това) .scrollTop ()> 0) {$ ( "# скролера) fadeIn (). } друг {$ ( "# скролера) fadeOut () ;.}}); $ (" # скролера) кликване (функция () {$ (. "орган, HTML). живата ({scrollTop: 0}, 400); върне фалшиви;}); }); |
След това кликнете върху главното меню "Файл" - "Запази като ...", и после запишете кода във формат .js. След това можете да използвате този код в сайта си чрез качване скрипт и графични файлове с помощта на FTP-връзки.
Монтаж на място
За да настроите бутон за превъртане нагоре за сайта, трябва да поставите кода на желаното място. Впише тя трябва да бъде преди таг .
Създаване на стил на бутоните с CSS
Най-често, "нагоре" бутон за сайт намира в долната част ( "мазе").
Файлът сайт style.css, трябва да добавите следния код:
"/ * Бутон в горната част на * / .scrollTop { |
В този случай, необходими данни и ширината и височината на изображението. Остава само да въведете данните в кода и бутона "нагоре" за сайта, ще бъде готов! Какво друго?
бутона "Up" за сайт за Wordpress
За този бутон CMS "Нагоре" може да се направи с помощта на плъгини, както и самостоятелно.
Начин плъгини най-удобните и лесни за инсталиране, тъй като това ще изисква само едно кликване върху бутона се инсталира и конфигурира цялата функционалност на менюто плъгин.
С избора на последните е да се подходи с повишено внимание, тъй като с него можете лесно да придобие вируса на мястото. Най-популярната и доказан вариант - приставка на име Превъртете Обратно в началото. Можете да го изтеглите, като се използват стандартни търсене Wordpress плъгини.
Това разширение има множество функции, и е много лесно да се индивидуализира "нагоре" бутон за сайт на Wordpress. Всички стойности на промяна не означава непременно трябва да конфигурирате само от вида и местоположението на бутона на уеб страницата.
Както можете да видите, инсталирането на "нагоре" бутона с помощта на плъгини е много проста. Но има едно важно предупреждение, което се състои в това, че всеки един инсталиран плъгин зарежда CMS. Това може да повлияе на скоростта на интернет ресурса. Ето защо повечето от собствениците на сайта се опитват да извърши всички промени директно в кода, вместо с помощта на разширения от трети страни. Можете да направите бутона "нагоре" за сайта, за да HTML, които свеждат до минимум ресурси консумират.
Преди да промените каквито и да било система Wordpress файлове, трябва да ги компенсира. След това можете да следвате всички стъпки, за да създадете свои бутони, описани по-горе.
Knock "нагоре" за Joomla
CMS Joomla също поддържа инсталирането на плъгини като Wordpress. Най-успешният вариант "до" бутон за сайт на Joomla 3 е приставка на име Начало на страницата.
Това CMS на всяка приставка може да се инсталира чрез инициативата "Мениджър Extensions". За да направите това:
- изтегляне на плъгин в интернет;
- кликнете върху бутона "Browse" в диспечера на разширяване;
- изберете изтегления файл;
- натиснете "Download" и инсталирайте.
Сега трябва да я активирате в "Plugin Manager". За да направите това, вие трябва да отидете на този раздел, да намерите на щепсела и да превключвате статута си на "активирано".
След това е определянето на възможности за разширение, с помощта на една и съща секция, в която трябва да се намери в раздел "Основни параметри" на този плъгин от дясната страна.
Начало на страницата е със следните характеристики:
- Тичане в / администратор - позволява възможност не само на интернет ресурсите, но и в панела CMS Joomla.
- Бутон Разкрий позиция - колко пиксела трябва да се върнете назад във потребителя да бутона "нагоре" там.
- Пропуснете Button Text - Текстът на бутона.
- Винаги най-отгоре - на сайта през цялото време ще бъде показана от неговото начало. При използване на "котви", за да превъртите до определено място на страницата, тази опция не е необходимо да се активира.
- Плавно превъртане - прави страница свитък гладко.
- Превъртете Продължителност - време, след което страницата е напълно преместени в горната част.
- Превъртете преход - добавя преглеждане на големи визуални ефекти.
- Преход Облекчаване - «отслабване" преместване в горната част на страницата.
- Линк местоположение - икони местоположение. Като стандарт, бутонът се намира в долния десен ъгъл.
- Използвайте стилове - отделни бутони стил, които могат да бъдат определени в полето по-долу. Ако сте преминали към отрицателна стойност, всички параметри на стилове ще бъдат взети от активна тема сайт.
- Линк Style - поле за въвеждане на настройки бутон стил.
Самонастройващата "Нагоре" стил на бутоните, трябва да имате поне минимално познаване на CCS. В противен случай, трябва да промените стойността на параметъра предпоследния за "Не".
Един по-важно нещо е, че обичайната надпис върху иконата съдържа един английски текст: Към началото. На руския сайт подобен текст не може да присъства, така че трябва просто да го изключите в параметрите на плъгин да се промени нищо на руснака.
За да промените етикетите трябва да отидете на сървъра на сайта с помощта на вградения в FTP сървър или хостинг файлов мениджър. Следваща в директория "/ администратор / език / ан-GB /» трябва да намерите файл, наречен «ан GB.plg_system_topofthepage.ini».
Преди промяната на текста трябва да се промени кодировката на документа, за да UTF-8. Това ще направи нормалното показване на руски букви.
На следващо място, ние откриваме следния ред:
| "PLG_SYS_TOPOFTHEPAGE_GOTOTOP =" Към началото " " |
и промяна на фразата в кавички на руски език. Можете да използвате фрази като "Up", "Старт!" Или "Up!".
В края на необходимостта да се спаси модифициран файл и да покажат бутоните "нагоре" за сайта на Joomla.
бутона "Up" за Ucoz
бутона "Up" за сайт за Ucoz са свързани с въвеждането на кода, тъй като тапа връзка за тази CMS е невъзможно. Все пак, това не изисква много време, за да научите системни файлове и търсене на необходимата линия е необходимо да въведете само една малка код в желаното място.
За монтажа, ние трябва:
- отидете на "Control Panel -> Дизайн -> Управление на проекти (шаблони) -> по-ниска част на обекта;
- Поставете скрипт (могат да бъдат намерени на официалния сайт на проекта и източници на трети страни).
заключение
След това, в долния десен ъгъл на иконата ще се появи, се премести на потребителя до самия връх на страницата.
Както се вижда, инсталирането на бутона "Up" за някоя от ССФ не беше особено трудно. Тя може да се използва автоматизиран метод на монтаж (приставки) и употреба. Въпреки това, последната опция е най-подходящият, тъй като това не се отразява неблагоприятно на работата на сайта.
Можете да използвате "нагоре" за сайта, за да HTML, с цел минимизиране на сайта на консумацията на ресурси, тъй като голяма част от разширения може да има отрицателно въздействие върху изпълнението на ресурса. Бутон плъг-ин "до" няма да се отрази значително времето за зареждане на страници, но в повечето случаи потребителят е налице поне дузина плъгини инсталирани на ССФ. В този случай, всяка приставка може да се отрази неблагоприятно на ефективността на страниците си.
Similar articles
Trending Now