Плагин ToTop Link для красивой прокрутки страницы наверх

Plagin  ToTop Link Здравствуйте, дорогие читатели и гости сайта «Тестируем шаблон». Сегодня речь пойдет о интересном плагине ToTop Link, который является не обязательным для работы вашего сайта, но добавляет некоторую изюминку в дизайн блога.

На картинке слева можно рассмотреть пчелку, которая не только является замечательным изображением на странице,  но и выполняет роль «стрелочки» для прокрутки страницы наверх.

Данный плагин входит в комплектацию вашего шаблона, поэтому надо только найти его через поиск плагинов в админ-панели, активировать и настроить (как происходит поиск плагинов см. здесь)

После активации плагина надо зайти в его настройки (на двух картинках ниже показаны настройки плагина- это одна страница Wink)

Настройки достаточно просты. После перевода страницы на русский( думаю, что вы тоже всегда работаете в браузере Гугл Хром ) все становится ясно.

Первые две верхние кнопочки обозначают  включение/выключение.

Пункт в  настройках ниже обозначает расположение вашей «стрелочки» на странице. У меня это справа вверху. Вы можете сделать настройку по своему выбору, но думаю,что правая сторона предпочтительнее для лучшего просмотра (возможности заметить) читателем.

Следующий пункт настройки: стиль плагина  ToTop Link. Здесь предлагается выбрать цветовую гамму вашей «стрелочки» .Первая кнопка-светлая стрелка в случае, если фон вашего блога темный, вторая кнопочка- темная стрелка, если фон вашего блога напротив светлый, и четвертая копка (третья мне не понадобилась)-если вы хотите сделать вашу «стрелочку» в виде какого-либо изображения.

Четвертый пункт настройки-это адрес вашей картинки на сайте и чуть ниже вы указываете размеры изображения( они будут как правило отличаться от реальных размеров картинки)и их вы будете подбирать опытным путем. (в моем случае это 120*150 для просмотра на странице).

Пятый пункт настройки-заполните текст в поле рядом с надписью «Текст ссылки».Это именно та фраза, которую будет видеть читатель, приближая мышку к вашей картинке-«стрелочке».

Теперь более подробно разберемся с четвертым пунктом. Где же нам взять адрес картинки? Конечно на вашем же сайте. Выбираем любую понравившуюся в интернете картинку и  загружаем на свой блог. Я изображение Винни Пуха  решила загрузить в одну из страниц, можно это сделать в редакции любой статьи, только не забудьте, что если вы удалите эту статью, удалится и адрес картинки.

Как показано на фото ниже, после загрузки изображения, мы копируем именно URL ссылки и вставляем в четвертый пункт настроек плагина  ToTop Link в поле «Пользовательский URL изображения»

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

Plagin ToTop Link

Если вы не нашли данный плагин в своей админ-панели, то можете скачать по адресу http://wordpress.org/extend/plugins/totop-link/

О других нужных или интересных плагинах поговорим в следующих статьях рубрики «Плагины Вордпресс». До новых встреч, с вами была Юлия.

:heart: Расскажи другу, пусть тоже дизайном займется :good:
  • Добавить ВКонтакте заметку об этой странице
  • Мой Мир
  • Facebook
  • Twitter
  • LiveJournal
  • LinkedIn
  • Digg
  • Blogger
  • Блог Li.ру
  • Сто закладок
  • RSS
  • Одноклассники

Об авторе Юлия

Меня зовут Юлия. Этот сайт я начала из-за моей проснувшейся и непонятной любви к рассмотрению настроек шаблонов. Сама я пока создавать темы на Вордпресс не умею, но надеюсь, что это когда-нибудь случится. Пишите в комментариях свои вопросы: я обязательно отвечу. Ну и замечания тоже приветствуются-))

Метки: . Закладка Постоянная ссылка.

21 комментарий: Плагин ToTop Link для красивой прокрутки страницы наверх

  1. Елена пишет:

    Юлечка! Спасибо тебе! Сейчас буду разбираться i-heart-us

  2. Елена пишет:

    Юлечка! Ты — гений! Love-Gift у меня все получилось! Осталось теперь картинку подходящую выбрать. Пока тестовая картинка.
    Ты очень хорошо объясняешь!
    THANK-YOU

  3. Наталья пишет:

    Привет. Забавная штука, только мне не нравится белый квадратик. Возможно ли избавиться от него?

    • Юлия пишет:

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

    • Галина пишет:

      Можно в фотошопе изменить картинку и сделать ее на прозрачном фоне. Но сохранять картинку тогда надо в фомате png.

  4. Виктория пишет:

    Как хорошо, что Вы нашлись. Истинная правда — все что ни делается — все к лучшему — это мой девиз по жизни и неполадки вчера привели меня к Вам сегодня, с помощью добрых людей. Спасибо — Вам зачтется… :yes:

  5. Алёна пишет:

    Не могу понять почему у всех он работает, а я как его не крутила ни вертела так ничего и не появилось(((

  6. Алёна пишет:

    Юлия спасибо вам за чудесный сайт. Поменяла еще раз настройки как у вас описано и он ЗАРАБОТАЛ!!!!! Ура)

    • Юлия пишет:

      Рада, что у Вас,Алена, все получилось, только вот на Вашем сайте я этот плагин не увидела…

  7. Алёна пишет:

    Он внизу справа. Тортик такой)

  8. Irina пишет:

    Ну когда ты находишь время чтобы все это изучить еще и нам рассказать? буду пыхтеть разбираться.Только на выходных. Tired

  9. Liza пишет:

    Юлия, Ваша бабочка просто очаровательна.Я на неё сразу обратила внимание. Очень красиво Happy

  10. Анна пишет:

    Юлия, а почему в шаблоне Tempera этот плагин не работает. Он появляется, но не прокручивает страницу. Или это не с шаблоном связано? Просто именно после его замены стрелочка перестала фурычить :unsure:

    • Юлия пишет:

      Анна, прежде чем активировать плагин, Вы отключали скроллинг в теме? Вполне возможно, что данный плагин не работает в шаблоне Tempera, так как аналогичная функция есть в теме. В настоящее время (я попробовала))на Вашем блоге работает стрелочка-скроллинг темы Tempera, а на главной, увы, что в Мантре, что в Tempera, если установлена страница презентаций скроллинг не работает.

  11. Анна пишет:

    скроллинг в теме… скроллинг в теме…
    (это такая бегущая строка у меня перед глазами) :wacko:
    неужели я его отключила?! Afraid ай да я!
    но в принципе конечно, без стрелочки жить можно))) потому что, боюсь, мне не разобраться)))

    • Юлия пишет:

      Анна, у Вас все работает, только видна стрелочка на более широком экране. Вот на работе я ее вижу, а дома увы, так как монитор поУже ;-)

      • Анна пишет:

        ох… трудно наверно с нами))) спасибо Вам за неравнодушный ответ, и извините за бестолковость… я на ноутбуке работаю, а он довольно старый, и ширина значит не позволяет увидеть эту «тематическую темперную» стрелочку;)
        Еще раз спасибо :rose:

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

[+] Жми на плюс- Открой тайник- Чтоб прикольный СМАЙЛ возник!
:bye: 
:good: 
:negative: 
:scratch: 
:wacko: 
:yahoo: 
B-) 
:heart: 
:rose: 
:-) 
:whistle: 
:yes: 
:cry: 
:mail: 
:-( 
:unsure: 
;-)