Как сделать бегущую строку на сайте.

ditty-news-ticker

Приветствую Вас, Друзья!

Бегущая строка на сайте. Нужна ли она? Или это будет раздражающим элементом, что повлияет на поведенческий фактор. Каждый решает сам. Я думаю, если строка вписывается в общий дизайн сайта и к тому же служит  источником дополнительной, нужной информации, то почему это не использовать.

Создать простую «бегущую строку» не сложно. Для этого есть ТЕГ <marquee>.

<marquee>Бегущая строка на сайте</marquee>

Но беда в том ,что WordPrees обрезает его. Что бы  решить эту проблему нужно знать (изучать) HTML и CSS. Уверен, большинство не владеет даже базовыми знаниями в этой области. Просто копируют коды в интернете. Но нельзя быть уверенным, что они правильные и подходят для вашего сайта.

Один мой знакомый недавно искал такой код. Ему для информационного сайта понадобилась бегущая строка. Но, не обладая должной квалификацией, ни как не мог решить эту задачу. Я посоветовал ему воспользоваться плагином и успокоится. Мне встречалась пара «легких» плагинов, которые решают эту проблему. Об одном я сейчас расскажу, о втором чуть позже.

Ditty News Ticker. Автор поддерживает его в актуальном состоянии. Функции плагина гораздо шире. Я расскажу лишь как легко и быстро с его помощью сделать «Бегущую строку»

Устанавливаем и активируем плагин. Если вы до сих пор не знаете, как это сделать. Вот здесь инструкция и пример. Плагин не русифицирован, по этому лучше использовать браузер Google Chrome (хоть корявый, но перевод). Основные пункты настройки, я постараюсь пояснить.

После того как плагин появится в админке, заходим в «Настройки» (Settings)  и ставим галочки в чекбоксах и сохраняем изменения.

setting-ditty-news-ticker

В принципе все готово. Можно создавать бегущую строку прямо в редакторе WordPress.

Заходим в раздел «Добавить новое» (Add New):

setting-ticker

creating-a-marquee

1 Можно (если нужно) задать заголовок «бегущей строки».

2 Создаем (в редакторе) строку, которая нас бы полностью удовлетворяла.

3 Если есть необходимость, указываем адрес куда посетитель попадет, кликнув на текст строки.

4  Указать, в какой вкладке будет открываться страница.

5  Можно добавить компонент «nofollow» к ссылке.

С помощью + Можно добавлять (создавать) сколько угодно информационных строк, которые будут непрерывно транслироваться в ОДНОЙ.

Если Вас все устраивает, нажимаем «Обновить» (UPDATE).

После этого, система вас автоматически перебрасывает во вкладу «Новости Тикеры» (News Tickers). Нажимаем «Опубликовать». Все!

Теперь копируем шорткод или PHP-код и устанавливаем его в нужное нам место на сайте.

insert-a-marquee-on-site

Для того чтобы изменить условия показа «Бегущей строки», нужно зайти в раздел «Тикер Режим» (Ticker Mode):

options-ticker

1 Направление «Бегущей Строки»

2 Скорость «Бегущей Строки»

В остальных настройках (в большинстве) стоит «0». То есть плагин использует свойства вашей страницы (Темы). Вы спокойно можете по экспериментировать с параметрами (если что-то не устраивает).

В разделе «глобальные настройки» (Global Settings) интересен пункт «ширина ticker» (ticker width). Он отвечает за статистическую ширину «бегущей строки» (в пикселях). Если вы оставите по умолчанию «0», строка будет пробегать по всей ширине страницы.

Еще раз напоминаю, при любых внесенных Вами изменениях, не забывайте обновляться.

global-settings-ticker

Вот в принципе и все. Все очень даже просто. Плагин все сделает за Вас. 

Всем Здоровья и Процветания!

С Уважением, Михаил.