Делаем кнопку наверх в блоге!
Всем привет! Сегодня сделаем одно небольшое действие над блогом, которое поможет вашим посетителям экономить время при посещении и чтении объемных и интересных постов! А именно, мы установим кнопку «Наверх» на блоге, благодаря нажатию на которую посетитель сможет тут же оказаться вверху сайта у меню.
Устанавливаем кнопку «Наверх»
1) Скачивайте вот этот архив – скачать!
2) Из него вам нужно будет разархивировать картинку и один файл - verx.js
Картинку нужно будет положить в папку images в корне сайта. Если такой папки у вас нет, то сделайте.
А файл положите в корень сайта, без папки. То есть нужно файл - verx.js поместить сюда – public_html.
3) Копируете и вставляете вот этот код
<a id="toTop" href="/">Наверх</a><script type="text/javascript" src="//ваш_сайт.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>. Вместо надписи – Ваш_сайт вставляете свой домен сайта;
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;}
После обновления страницы вашего сайта, должна будет появиться кнопка «Наверх»!
С Уважением,