«Наверх» без прокрутки

Пища для души.

Библия Онлайн Рада Вас приветствовать на сайте Домашние Дела для Дам! Надеюсь Вы нашли что то интересное для себя.
иконка

наверх

Продолжу тему «Полезности для сайта«. Я конечно не удивлю продвинутых сайтостроителей, но таким же новичкам , как и я , думаю будет полезна моя

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

Для данной функции нам потребуется установить плагин Dynamic To Top. Ну что же давайте приступим к его установке . Мой сайт на WordPress, поэтому я расскажу как установить на аналогичных сайтах. Почему я выбрала именно этот Плагин -он очень прост в установке и не требует особых знаний, все понятно интуитивно. Ну что же давайте приступим к его установке. 

Открываем консоль, находим значок плагины, добавить новый, открывается страничка «Установить плагины» в поиск вводим название Dynamic To Top и нажимаем «поиск». Открывается страничка с нужным нам плагином, нажимаем «установить», затем нажимаем «активировать», переходим в консоль и находим значок внешний вид , там появилась надпись To Top. Нажимаем на нее и заходим в  настройки. Язык в настройках английский, но дальше все будет понятно и так.

1.Пункт, выставляется время, необходимое для прокрутки вверх (я выставила 1100 миллисекунд).

2.Пункт, выставляется значение в pix (расстояние) ,когда будет появлятся стрелка (я поставила 300)
3.Пункт, ставим In
4. Пунк, положение кнопки на сайте (справа внизу, слева внизу).
5. Пункт, для мобильных браузеров (не трогаем).
6.Пункт, вид вашей кнопки при манипуляции с настройками.
7.Пункт, если хотите просто значок «стрелка» оставляем, как есть, если хотите надпись, то ставим галочку и можно написать:“наверх”.
8.Пункт, подбираем высоту для кнопки в pix.
9.Пункт, подбираем ширину для кнопки.
10.Пункт,подбираем цвет фона для кнопки.
11.Пункт,подбираем цвет границы кнопки.
12.Пункт, подбираем ширину рамки.
13.Пунктподбираем форму от овала, до круга или квадрата (все изменения настройки видны в пункте 6, что очень удобно).
14.Пункт, можно подобрать подсветку ,можно не выставлять.
15.Пункт, можно добавить тень или оставить без нее.
Ну вот кажется и все , удачи в настройке.
Продолжение следует.Если кому то помогла, рада.

  Dynamic To Top

настройки плагина

 

Делись с друзьями! Узнавай первым!

Введите Ваш email адрес:

34 комментария

Add a Comment
  1. Миринда

    Спасибо за полезную статью. А как сделать кнопочку в середине сайта? Внизу у меня есть. Спасибо

    1. Тоже сделал только вверх. Но сам часто проверяю счетчики, приходится листать в обе стороны. Думаю, что можно код поправит на вверх и вниз.

  2. Светлана, спасибо! Вот этой стрелочки мне как раз и не хватает!

    1. Пожалуйста, Надежда, пользуйтесь я сама все искала такую стрелочку, заходите, может что то еще полезное найдете.

  3. Анатолий

    Спасибо за подробное описание!

  4. Спасибо вам! Установила по вашей пошаговой инструкции. Только поменять цвет не удалось. Как только меняю цвет кнопка уходит вверх налево и ничего уже с ней не сделать. Намаялась и решила оставить черный, в том виде первоначальном как дан в плагине.

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

  6. Светлана

    Надо попробовать ,очень удобная стрелочка. Спасибо.

    1. Светлана, пожалуйста, еще буду выкладывать что-нибудь интересненькое, заходите.

  7. Александр

    Спасибо! Все получилось 🙂 Можете зайти понажимать :)))

    1. Пожалуйста, пользуйтесь, зайду по нажимаю :-))

  8. Спасибо за плагин. Изучала ваш сайт. Не поняла какой возраст сайта. Но думаю архив март 2000 ошибка. Заходите. Как думаете есть польза для продвижения от наград.

  9. Я где то тут написала ком. И вас наверное шокировала. Посмотрела не туда и подумала что у Вас ТИЦ 250. Ну значит такой будет. Заходите. Как думаете есть польза для продвижения от наград.

  10. У меня почему этот плагин не работает. Наверное, тема не поддерживает. Как вы думаете?

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

  11. Спасибо большое!!! Взяла на заметку,попробую установить!!!

  12. спасибо! перебрал до этого около 4 плагинов, но не устраивали, а этот — очень пронравился!
    уже поставил себе

  13. Николай

    Спасибо за полезный плагин. Жаль что не на всех темах оформления работает…

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

  14. Светлана,думал,зашел на совсем женский сайт,с разными украшульками и блестюльками.И как-то случайно взгляд упал на полезности для сайта.Кнопочку нашел для себя крайне полезную,все о ней подумывал.За что земной поклон.Пойду еще покопаюсь,вдруг и я в косметичке чего полезное для себя откопаю.Удачи.

    1. Ну это в общем то просто звучное название 🙂 , а полезности для себя могут многие найти.

  15. Светлана, спасибо за интересную полезность. Взяла себе на заметку, пригодится)))

    1. Пожалуйста, Наталья, пользуйтесь, рада помочь.

  16. У вас замечательный сайт. Тема очень красивая и много полезной информации. Я хочу пожелать процветания вашему сайту!!!

    1. Спасибо, Женечка, взаимно!!!

  17. А я пользуюсь скриптом кнопок share42 — гораздо проще: сгенерировал кнопки, закинул в корневую скрипт, вставил код — все работает и все кнопки в одном месте

    1. Это проще тем, кто в этом разбирается, а новичкам легче с плагинами, потому что без знаний, можно снести весь сайт.

  18. Какая Вы умница!Спасибо Вам огромное, столько узнаю вот в последнее время…
    думаю, я этим всем скоро займусь.

  19. Спасибо, очень пригодилось. Именно Ваша кнопочка очень понравилась Тут же и сделала. Заходите в гости.
    У меня как раз новый курс упражнений для лица.

    1. Пожалуйста, Мила. Зайду обязательно.

  20. Давно хотела установить такую кнопку, но везде были инструкции с использованием корневого скрипта, а я в этом ничего не понимаю! Попробую установить по вашим рекомендациям! Спасибо!

  21. Мне нравится находить и устанавливать полезности для своего блога, кнопка ВВЕРХ понравилась, правда я уже установила другую, почитаю еще что-нибудь. Желаю успехов!

Этот сайт использует Akismet для борьбы со спамом. Узнайте как обрабатываются ваши данные комментариев.

Копирование материала только с прямой ссылкой на сайт © 2012 - 2019 * Авторские права охраняются законом