Зарабатывай со мной
Profit Partner – Есть хороший сайт, тогда добавляй его сюда быстрей
Nolix – Рекламная строчка, которая может приносить хороший доход
Ротабан – Размещай баннеры у себя на сайте и зарабатывай
Продвигайся со мной

Форумок – лучший сервис по покупке лайков, твитов, google+

GoGetlinks – покупка качественных ссылок с ТИЦ от 10

Ротапост – качественные вечные ссылки для ваших сайтов

Как сделать кнопку наверх на блоге

Всем по большому привету, дорогие друзья и посетители моего блога.

Если Вы ещё до сих пор не прошли мой первый тест Станете ли Вы успешным блоггером? , то обязательно пройдите его, а я потом соберу статистику и выложу у себя на блоге.

Сегодня речь пойдёт об очень прикольной вещь, а именно как сделать кнопку наверх на нашем блоге. Советую подписаться на обновления блога чтобы не пропустить новые фишки.

как сделать кнопку наверх

Сейчас практически во всех новых, создающихся темах внедряют эту функцию, но согласитесь не менять же тему блога из за этого. Может у вас шаблон индивидуален и вы работали над ним не одну неделю. Кстати слышал такую тему, что из за смены дизайна сайт может попасть под АГС, а это вообще нехорошо.

Я раньше как то не особо задумывался над этим, но как то зашёл на один блог, а там километровая статья. Вот я прочитал всю статью и недопоняв некоторые моменты решил к ним вернуться, но мотать пришлось немало. Тогда я подумал что обязательно надо сделать себе такую функцию.

Вообще у меня была такая штука в виде ссылки в футере, а если человек захочет вернуться к началу поста с середины, а не с конца поста, вот по этому и нужна кнопочка.

Посмотрите вот как выглядит ссылка у меня в футере.

как сделать кнопку наверх

А вот какую кнопку я вставил, естественно ссылку из футера убирать не стал.

как сделать кнопку наверх

Как сделать кнопку наверх

Можно использовать вставку кода, но я не стал париться (думаю вы тоже не станете) и установил плагин.

Scroll to Top Button – Плагин с лёгкостью решает нашу проблему и достаточно быстро.

- Для начала конечно идём и скачиваем плагин вот отсюда .

- Заливаем плагин на сервер, как всегда в папку wp-content/plugins и активируем его в нашей админ. панели.

- После активации в разделе параметры появляется новый пункт Scroll to Top – это настройки нашего плагина, можете перейти и посмотреть.

Вообще плагин уже готов к работе и он уже работает, зайдите к себе на блог, промотайте немного вниз и вы увидите с правой стороны кнопку со стрелкой вверх, нажав по которой вы поднимитесь вверх страницы.

Единственное, что мне не понравилось так это изображение кнопки, потому что кнопки часто не вписываются в дизайн блога. Я кнопку заменил сразу же. Найти подходящую кнопку можно или в сети или самому сделать в фотошопе.

В папке с плагином есть папка image и там лежит изображение под названием up.png. Вот это изображение вам и надо заменить на то которое вы подготовите, естественно ваше изображение должно иметь такое же название.

Я подготовил для вас небольшое видео по созданию кнопки вверх в фотошопе.

Ну что, посмотрели видео? Надеюсь оно вам пригодится.

На этом дорогие друзья я буду заканчивать этот пост, теперь вы знаете как сделать кнопку наверх на своём блоге и думаю данная функция появится у вас в ближайшее время.

На связи с вами был, Олег Вьяльцов .

Понравился пост? Так подписывайся, чего ты ждёшь?!

Видео уроки, Плагины ,





  1. Ильдус Абдуллович
    13 Янв 2012 из 14:50 | #1

    Здравствуйте, Олег! Поздравляю с истинно российским праздником — Старым Новым годом! Желаю успехов, удач, процветания и, конечно же, крепкого здоровья. У меня вопрос, пока чайника в блогостроении или скажем блондинки, не будет ли перегруза плагинами? Сколько их тянет блог на WP?
    И ещё меня интересует, как яваскрипты убирать со страниц(не совсем, конечно, в какой-нибудь файл, и оттуда как-то грузить?
    С уважением, Ильдус Абдуллович
    PS. Вы у меня побывали, хоть пару строк, замечаний, в комментах оставили бы, я был бы благодарен.:))

  2. 13 Янв 2012 из 16:12 | #2

    а я как раз не стала ставить плагин, а сама сделала эту кнопку — сама нарисовала как мне хотелось, хотя в уроке, где я брала шаблон была просто большая стрелка и всё.
    Ведь чем больше плагинов, тем медленнее грузится сайт…

  3. Владимир
    13 Янв 2012 из 16:48 | #3

    Тоже подумываю поставить кнопку наверх. О какой статье шла речь в самом начале статьи? Хотелось бы почитать.

  4. Олег
    13 Янв 2012 из 16:51 | #4

    @Ильдус Абдуллович
    Приветствую и Вас со Старым Новым Годом! Перегруз конечно может ыть, если у вас ооочень много плагинов.
    Скрипты надо искать через исходный код + функции тотал командера.

  5. Олег
    13 Янв 2012 из 17:01 | #5

    @Елена
    Просто кто то вообще не шарит в кодах, да и этот плагин очень лёгкий.

  6. Олег
    13 Янв 2012 из 17:17 | #6

    @Владимир
    Если есть желание обязательно поставьте!
    Забыл ссылку воткнуть, сейчас вставил или можете почитать ЗДЕСЬ

  7. 13 Мар 2012 из 17:22 | #7

    спасибо. Статья пригодилась

  8. 26 Мар 2012 из 7:12 | #8

    Да, с плагином проще, не нужно швыряться в коде. Но плагины перегружают сайт.

  9. Олег
    29 Мар 2012 из 4:22 | #9

    @Кристина
    Согласен, но некоторые плагины просто легче лёгкого =)

  1. Трекбеков пока нет.