Выше, всё выше и выыыше. Кнопка «Наверх»

Здравствуйте, дорогие читатели SeoKos.ru! Погода за окном не очень, я бы даже сказал — ОЧЕНЬ ОЧЕНЬ не очень:) Мда... что-то не то сказал. Да и ладно, погода не помеха для новой статьи. Представляю Вам и Вашему вниманию пост под названием Кнопка Наверх для WordPress.
 Ну в начале, как всегда, объясню для чего эта кнопка вообще нужна и стоит ли ее ставить. Приступаем!

Для чего нужна кнопка Наверх?

К примеру: Вы написали длинную статью, пользователь дочитал ее до конца и теперь хочет вернуться обратно в начало. Думаю знакомая ситуация. Не правда ли? А крутить колесиком мыши и «тянуть» за ползунок — не очень удобно и долго.

Именно поэтому и была создана данная функция — поднятие страницы наверх. А еще, если красиво оформить кнопку, то это плюс к дизайну! А если еще модифицировать, то можно будет при нажатие отпускать страницу вниз, т.е. наоборот. Вот так вот.

Поднятие страницы можно осуществить как с помощью плагина, так и без него. Я сейчас объясню, и тот, и другой. Так что будьте внимательны.

Кнопка наверх для WordPress

Первое что нужно сделать, это скачать плагин и активировать его. После чего кнопка начнет работать. Но, изображение кнопки будет стандартное. Советую Вам изменить ее, на свою. Для это:

1. Перейдите во вкладку «Параметры»
2. --> Scroll to Top
3. И выберите облик кнопки из предложенных или загрузите свою
4. Нажмите кнопку «Update Options»
5. Готово! Кнопка наверх для WordPress приняла новый облик

Вот так. Так же можно настроить ее, а именно:

• Расположение
• Отступы
• Скорость
• и другое

  Кнопка наверх для WordPress без плагина

Сейчас мы рассмотрим как сделать кнопку наверх для wordpress не используя посторонних плагинов. Почему без плагина? А потому, что плагины замедляют работу сайта. Я уже не один раз об сказал ( В статье — Добавляем видео на WordPress) и буду говорить еще и еще.

Для того, чтобы сделать кнопку следуйте инструкции ниже:

1. Откройте файл footer.php, который находится в папке с шаблоном, и вставьте перед </head> код:

1
2
3
4
5
6

<a id="toTop" href="#"><img src="http://ваш_сайт.ru/путь к картинке/картинка.jpg" align="absmiddle" border="0"/></a>
<script type="text/javascript" src="http://ваш_сайт.ru/verx.js"></script><script type="text/javascript">// <![CDATA[
$(function() {
$("#toTop").scrollToTop();
});
// ]]></script>

Только внесите некоторые изменения, а именно:

• где написанно ваш_сайт.ru — напишите адрес вашего сайта

• где путь к картинке — введите путь до картинке, которая будет кнопкой

• где картинка — название картинке. Если не .jpg, то измените на тот формат, который установлен на картинке.

2. Откройте файл style.css, который так же находится в папке с шаблоном, и в самом конце вставьте следующий код:

1
2
3
4
5
6
7
8
9
10

#toTop {
width: 100px;
text-align: center;
padding: 5px;
position: fixed;
bottom: 10px;
right: 10px;
cursor: pointer;
color: #666666;
text-decoration: none;}

3. Скачайте архив и распакуйте его. В нем лежит файл verx.js, который нужно закинуть в корень Вашего сайта.

4. Откройте файл functions.php, находящийся в папке с шаблоном и вбейте туда код:

1
2
3
4
5
6

// smart jquery inclusion
if (!is_admin()) {
wp_deregister_script('jquery');
wp_register_script('jquery', ("http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"), false);
wp_enqueue_script('jquery');
}

5. Ну вот и все! Я могу Вас поздравить, теперь на Вашем сайте есть кнопка наверх для wordpress.

Вы только что прочли статью «Кнопка Наверх для WordPress» и установили ее себе. Какие впечатления? Пишите в комментариях! На этом у меня все, всем пока.

С уважением, Томский школьник!

автор блога SeoKos.RU

С уважением, Константин Белан.

Рубрика: Настройка блога

(1 голос, в среднем: 5,00 из 5)

Загрузка...

Рабочая 634570 Россия, Томская обл., г. Томск, +7 952 160 36 17