Блог свободен от NOFOLLOW!
1

Прокрутка страницы плагином Go-to-Top

Плагин Go-to-Top или кнопка «Наверх».

У меня уже была инфомация про плагин Scroll to Top, который делает прокурутку страницы блога наверх. Сегодня покажу ещё один плагин выполняющий такую же функцию. Это плагин для блога на Wordpres Go-to-Top.

Вроде бы зачем ещё один, если первый нормально работает. Причина простая.

Плагин Scroll to Top выводит только картинку в виде кнопки и редактируется в файле scrolltotop.php, что не всем нравиться.

Плагин Go-to-Top может выводить и картинку в виде кнопки и текстовый формат, к тому же он редактируется в CSS.

Теперь подробно.

Установка у плагина обычная, в папку wp-content/plugins. После активации он появиться в панели администратора в разделе «Параметры»

Заходим в плагин и делаем настройки.

Хоть плагин и непереведён, но у него всё просто в настройках

Что тут надо и что тут есть.

1. Вместо «Go To Top» напишите что-нибудь своё. Я написал  - «Вернутся к началу»

2. Скорость прокрутки по-умолчанию 1000ms, здесь кому как, медленнее или быстрей.

3. Появление надписи или кнопки будет по-умолчанию через 200рх прокрутки страницы, здесь тоже     ставьте как вам надо.

4. Два индикатора, которые определяют, что выводить, картинку или надпись.

5. «Show only in posts, not all pages» (Где будет показана прокрутка), если поставить галку, то индикатор прокрутки будет только в постах, если не ставить, то и на главной и в постах.

6. «Enable» — включить прокурутку.

Нажимаем «Сохранить настройки»

Теперь у вас в блоге есть прокрутка страницы.

Редактирование плагина  Go-to-Top.
Начну с текста.
В папке плагина есть папка CSS с файлами.Внутри файл style-black-arrow.css — это для картинки и соответственно для текста style-normal-text.css

Вот заданный стиль для текста.

[codesyntax lang="css" lines_start="1" doclinks="1"]

#gtt_go-to-top a {
 font: normal 12px/150% verdana, arial, helvetica, sans-serif;
 border-radius: 6px;
 -moz-border-radius: 6px;
 -webkit-border-radius: 6px;
 }
#gtt_go-to-top a {
width:auto;
background:#ff0005;
border:1px solid #ccc;
text-align:center;
padding:3px 20px;
position:fixed;
bottom:10px;
left:10px;
cursor:pointer;
color:#000;
text-decoration:none;
z-index: 100;
}

[/codesyntax]

И по-умолчанию вот такой результат

Для примера, я поменял цвет фона и текста

Получилось вот так

Если вам знаком CSS то вы подстроите под свой блог.

С кнопкой в виде картинки, результаты такие же.

Надо поменять название картинки и установить её размеры, только потом в настройках активировать интдикатор, что будет показано изображение вместо текста. Кнопка для примера в левом углу.

[codesyntax lang="css"]

#gtt_go-to-top a span {
display: none;
}
#gtt_go-to-top a {
background-image: url(../images/black-arrow.png);
background-position: left top;
width: 18px;
height: 19px;
display: block;
position:fixed;
bottom:10px;
right:10px;
cursor:pointer;
z-index: 100;
}
#gtt_go-to-top a:hover{
background-position: right top;
}

[/codesyntax]

ДА, изображения надо загружать в папку images плагина.

Я загрузил в архив изображения вариантов кнопок для прокрутки. Так что кому пригодится данный плагин  Go-to-Top, для прокрутки страницы в блоге на WordPress, то можно его скачать здесь.

Создание блога на wordpress это не сложно, тем более информации сейчас в интернете предостаточно.

 

Что ещё почитать
Плагин Information Reel
Вывод лучших статей в сайдбаре плагином WP Featured
Добавляем социальные кнопки плагином Easy-Buttons
Как создать dofollow блог плагином Nofollow Free
Защита для контента и изображений плагином Blog Protector
Форум на блоге с плагином Mingle Forum
WordPress — id поста, страницы, рубрики
Плагин прокрутки страницы блога

Популярность: 39%

Рекомендую следующие статьи:

  1. Плагин Information Reel
  2. Вывод лучших статей в сайдбаре плагином WP Featured Post with thumbnail
  3. Добавляем социальные кнопки плагином Easy-Buttons
  4. Как создать dofollow блог плагином Nofollow Free
  5. Защита для контента и изображений плагином Blog Protector
  6. Форум на блоге с плагином Mingle Forum
  7. WordPress — id поста, страницы, рубрики
  8. Плагин прокрутки страницы блога

Буду благодарен, если поделитесь этой статьей:

Твитнуть


2 комментария на “Прокрутка страницы плагином Go-to-Top”

  • Михаил Алексеевич:

    У Вас все страницы с запретом копирования? У меня пока

    сайта нет,я учусь их делать,поэтому собираю полезную

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

Добавить комментарий для irkinfo


Подписка на RSS

Подпишись на RSS

Подписка на обновления Blog in Blog по Email

Лучшее видео
Информация
У Вас может быть такая же.
У Вас может быть такая же.
У Вас может быть такая же.
У Вас может быть такая же.
Бизнес портал B2B-Broker - российский деловой портал, информационный портал, каталог предприятий, справочник предприятий
Подписка на RSS
  Подписаться на RSS

Введите адрес электронной почты:

Go To Top