У того, кто работает целый день, нет времени зарабатывать деньги.

Джон Рокфеллер

Делаем кнопку наверх в блоге!

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

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

Устанавливаем кнопку «Наверх»

1) Скачивайте вот этот архив – скачать!

2) Из него вам нужно будет разархивировать картинку и один файл - verx.js

Картинку нужно будет положить в папку images в корне сайта. Если такой папки у вас нет, то сделайте.

kak-sdelat-knopky-naverh

А файл положите в корень сайта, без папки. То есть нужно файл - verx.js поместить сюда – public_html.

3) Копируете и вставляете вот этот код

<a id="toTop" href="#">Наверх</a><script type="text/javascript" src="http://ваш_сайт.ru/verx.js"></script><script type="text/javascript">// <![CDATA[ $(function() { $("#toTop").scrollToTop(); }); // ]]></script>

в файл footer.php (файл footer находится в папке с шаблоном сайта, а именно - /domains/vash-sait.ru/public_html/wp-content/themes/vasha-tema-saita) между тегами <body> сюда </body>. Вместо надписи – Ваш_сайт вставляете свой домен сайта;


Free_Signals_RU


kak-sdelat-knopky-naverh1

kak-sdelat-knopky-naverh2

4) Затем нужно будет зайти в раздел - wp-content/themes/ваша_тема/style.css и открыть на рабочем столе файл style.css вашего шаблона. Вставьте в самый конец файла вот эту надпись:

#toTop

{ width: 100px;

background: #f1f1f1;

border: 1px solid #cccccc;

text-align: center;

padding: 5px;

position: fixed;

bottom: 10px;

right: 10px;

cursor: pointer;

color: #666666;

text-decoration: none;}

kak-sdelat-knopky-naverh3

kak-sdelat-knopky-naverh4

После обновления страницы вашего сайта, должна будет появиться кнопка «Наверх»!

 С Уважением,

Алексей Седых

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



Получайте первыми
новые посты!
Почтовые рассылки к сожалению не радуют высокой доставляемостью писем, поэтому далее даю список всех каналов получения обновлений блога и актуальной информации об инвестировании в сети: Это мгновенное и гарантированное получение информации и живое общение с сотнями других инвесторов.