БЕГУЩАЯ СТРОКА ДЛЯ САЙТА
БЕГУЩАЯ СТРОКА ДЛЯ САЙТА
БЕГУЩАЯ СТРОКА ДЛЯ САЙТА
Бегущая строка привлекает внимание и иногда полезно воспользоваться ею, чтобы заострить внимание посетителей на важной информации. В этой статье мы рассмотрим, как создается бегущая строка для сайта или блога на WordPress с помощью плагина «Horizontal scrolling announcement».
Плагин бегущей строки «Horizontal scrolling announcement».
Устанавливается плагин стандартно. В левом меню панели управления выбираем пункт “Плагины”, жмем на его подпункт “Добавить новый”, в окно поиска вводим “Horizontal scrolling announcement”, устанавливаем и активируем плагин.
После активации в пункте “Параметры” появляется новый подпункт «Horizontal scrolling». Заходим в плагин. Произведем установки по умолчанию. Для этого нажимаем кнопку «Default Settings».
В открывшемся окне нас в первую очередь интересует выбор направления движения бегущей строки «Direction». Я выбираю движение справа налево «Right to Left».
Подставляя цифры в окна ввода «Scroll amount» и «Scroll delay» можно отрегулировать необходимую скорость передвижения бегущей строки.
По умолчанию параметры текста бегущей строки будут совпадать с параметрами текста Вашего сайта. Мы можем для текста бегущей строки задать собственные параметры. Для своей бегущей строки я хочу, чтобы цвет текста был малиновым (#ff00c8) и размер текста был 14pt. Чтобы осуществить свои желания я подставляю в окно ввода «CSS attribute» строку «color:#ff00c8; font-size:14pt;».
Настройки по умолчанию произведены, нажимаем кнопку «Submit».
Для ввода текста бегущей строки в параметрах нажимаем «Horizontal scrolling» и в открывшемся окне «Add new».
Нам открылось окно для ввода текста бегущей строки.
Текст вводится в окно ввода «Enter the message/announcement». Если нам нужно, чтобы при нажатии на бегущую строку открывалось новое окно, вставляем в окно ввода «Enter target link» ссылку. В окно ввода «Display order» ставим единичку и в «Announcement group» выбираем свободную группу «GROUP2». Нажимаем кнопку «Submit».
Наша бегущая строка готова! Теперь мы можем вставить её в необходимое нам место.
Если бегущую строку необходимо вставить в шапку сайта, в подвал сайта или отобразить её в каждой записи, ищем соответствующий файл php и вставляем в него код:
<?php newannouncement( $group = “GROUP2″ ); ?>
Если же нам необходимо вставить бегущую строку в запись, воспользуемся кодом
[horizontal-scrolling group="GROUP2"]
Вот результат только что сделанной бегущей строки.
Плагин «Horizontal scrolling announcement» позволяет в бегущую строку вставлять картинки. Для этого в окно «Enter the message/announcement» необходимо вставить код:
<img id="begstr" src="адрес картинки" />
Для примера у меня получился вот такой цыпленок.

Картинку можно вставить с сопроводительным текстом:
<img id="begstr" src="адрес картинки" /> Ваш текст
Здесь присутствует один нюанс. Если Вы хотите, чтобы бегущая строка с картинкой и текстом была ссылкой, Вам лучше объединить две бегущие строки. Дело в том, что некоторые браузеры картинки-ссылки выделяют рамкой. В результате, такая движущееся картинка не будет смотреться. Чтобы обойти этот неприятный момент, можно для картинки создать бегущую строку без ссылки, присвоив этой строке единичку – в поле «Display order» пишем 1. Для текста добавляем отдельную бегущую строку со ссылкой, в её поле «Display order» пишем 2. Необходимо, чтобы для той и другой бегущей строки была выбрана одна и та же группа «Announcement group». Результат должен получиться примерно такой:
Надеюсь, теперь Вы легко сможете справиться с плагином «Horizontal scrolling announcement» и в случае необходимости у Вас получится бегущая строка для сайта устраивающая Вас. Если есть вопросы, пожалуйста, задавайте их в комментариях.
Спасибо за полезную информацию, о таком плагине раньше ничего не знал.
Бегущую строку видела не раз на других сайтах, теперь знаю как ее установить, если надумаю это сделать, спасибо.
Очень здорово. Чайнику правда придется повозиться… А скажите, насколько этот плагин нагружает сайт?
Татьяна! Страничка с бегущей строкой открывается такое же время, как страничка с обычным способом загруженными картинками. Непосредственную нагрузку плагина на сервер я не замерял. Более того, в этой статье я описал возможности плагина «Horizontal scrolling announcement», но использовал для бегущих строк иной способ подключения. Об этом я расскажу в следующей статье.
Интересная идея! Сергей , а можно ли установить такую бегущую строчку без плагина, с помощью кода?
Людмила! Да, можно установить бегущую строку без плагина. Этому будет посвящена следующая статья.
Ждем код с нетерпением!
Походу плагины делают WordPress лучшим. Спасибо за хорошую статью
Интересно!!! Будет время попробую повозиться.
И я не раз встречала бегущую строку на других сайтах, а сейчас и сама сделаю, как понадобиться. Спасибо и твит. Положила ваш сайт в закладки, просто и доступно все описано.
Интересный плагин, только перегружать сайт дополнительными неохота.
Может кому- нибудь и понравится такая бегущая строка. А мне на сайте вроде ни к чему.
Настал момент признаться, что все примеры на этой страничке выполнены с помощью jQuery
http://neturoki.ru/begushhaya-stroka-jquery-limarquee
Надеюсь на понимание – из-за одной статьи не хотелось ставить лишний плагин.