воскресенье, 22 мая 2016 г.

Как сделать бегущую строку в тексте статьи

Есть два способа создания бегущей строки:
1. С помощью кода.
а) простая строчка движется влево:
<marquee> бегущая строка без картинки<br>
<span style="font-size: large;"></span></marquee>
в) Простая строчка но с картинкой перед текстом. Картинку надо закачать в библиотеку медиафайлов и, нажав на неё, получить в правой колонке её адрес. Вот что получится:
<marquee><a target="_blank" href=" http://putikzdorovju.ru/wp-content/uploads/2016/05/1332847709_zelenye-gubki.gif
" class="highslide-image" onclick="return hs.expand(this);"><img class="alignleft size-full wp-image-370" alt="21" src=" http://putikzdorovju.ru/wp-content/uploads/2016/05/1332847709_zelenye-gubki.gif" width="118" height="80" data-pin-nopin="true"></a> бегущая строка с картинкой<br>
<span style="font-size: large;"></span></marquee>
с) Если хотим текст окрасить, да ещё и выделить жирным, то:
<marquee> <span style="color: #ff6600;"><strong>Обычная Цветная бегущая строка, простой пример
</strong></span></marquee>

 2. C помощью плагина ditty news ticker
 Как пользоваться:
Новости на сайте можно отображать различными способами. Данный плагин по умолчанию имеет три подобных способа, при этом прокрутку экрана можно осуществлять влево, вправо, вверх и вниз. Выводимую информацию можно поворачивать либо отображать списком, так что вы сможете отображать новости на своём блоге так, как захотите.
Для отображения новостей вы сможете использовать шорткоды.
Особенности плагина:
o       Простота в использовании.
o       Использование различных способов отображения информации.
o       Возможность настройки.
o       Наличие шорткодов.
o       Плагин Ditty News Ticker имеет множество настроек. Он может показывать такое количество строк, сколько вам будет угодно. Особенно его выгодно отличает от остальных подобных плагинов то, что он имеет свой визуальный редактор. В нем вы можете отредактировать бегущую строку так, как вам нужно. Хотите - добавьте картинку, ссылку, а так же свои CSS-стили.
o       С плагином Ditty News Ticker – ваши бегущие строки сохраняются и легко доступны для редактирования. Он позволяет показывать бегущие строки (тикеры) в трех вариантах – списком, прокруткой и обычной строкой. Вставить строку в нужное место, можно с помощью шорткода или строки небольшого кода, причем для каждой записи (бегущей строки) создается свой id. Настроек – масса, вам нужно лишь включить свою фантазию, а плагин Ditty News Ticker – сделает за вас все остальное.
Первое – зрелищно эта функция действительно выглядит эффектно, так что любой зашедший невольно останавливает взгляд, читая последние новости вашего блога.
Второй положительный момент в работе плагина News Ticker – автоматическая перелинковка страниц блога. Записи со временем добавляются, но старые никуда не исчезают, потому что работу плагина можно отрегулировать таким образом, что он будет показывать заданное количество выводимых новостей. И если пользователь и не дождется, скажем, 20-й новости в ленте, то робот поисковой системы все равно просканирует все выведенные ссылки, а это для внутренней перелинковки ресурса очень хорошо.

Консоль, новые тиккеры – добавить


После установки и активации плагина, чтобы создать бегущую строку, перейдите по вкладке: News Tickers — Add New.  Далее рис. 5
На странице создание бегущей строки, укажите название бегущей строки. Например, tiсker1. Чтобы добавить новый текст в бегущую строку, нажмите на плюсик, в правой части окна. Появится окно для введения текста с редактированием.Чтобы создать бегущую строку, нажмите на кнопку — Опубликовать. Для сохранения изменений в бегущей строке, нажмите вверху на кнопку — UPDATE  обновить. Редактирование выполнить в режиме визуальном.
Берём и копируем в левой колонке шорткод и вставляем в режиме текст в то место статьи, где нам нужна бегущая строка. Обновляем запись.



Комментариев нет:

Отправить комментарий