Настройки виджета тикера новостей

Тикер новостей удерживает загруженную домашнюю страницу от превращения в стену объявлений. вместо того, чтобы складывать каждое обновление, вы запускаете последние заголовки по одной панели. The Виджет тикера новостей в Мастер-аддоны для Elementor строит эту панель для вас. это виджет Pro с двумя источниками контента (ваши собственные сообщения или RSS-канал), тремя типами прокрутки и стилем для этикетки, контента, миниатюр и стрелок.

Вот как настроить Тикер новостей Элементор, от панели виджетов до живой страницы.

Что делает виджет News Ticker #

Виджет отображает компактную строку объявления Цветная метка слева, вращающийся контент посередине, дополнительные стрелки справа. элементы приходят из ваших постов WordPress (или любого другого типа публичного сообщения) или из RSS-канала. панель может скользить горизонтально, как классика бегущая строка новостей, катитесь вертикально или прокручивайте без остановки, как шатер.

Прежде чем начать #

• WordPress с Элементор установлен и активен.
• Мастер-аддоны для Elementor установлен и активен. если вы еще не установили, следуйте руководство установки.
• Лицензия Master Addons Pro, поскольку News Ticker - это виджет Pro, виджет которого включен на панели управления Master Addons.
• Необязательно: URL-адрес RSS-канала или некоторые опубликованные сообщения, если вы хотите использовать их в качестве источника.

Добавьте виджет на свою страницу #

Открыть Редактор Элементор и найдите на панели виджетов “News Ticker.” Перетащите главные аддоны Новости Тикер виджет в раздел, где вы хотите бар. Он падает с красной “BREAKING NEWS” метка и один вращающийся элемент, так что вы можете увидеть, что он работает сразу.

Выберите источник тикера #

На вкладке "Содержимое" Тип тикера новостей dropdown решает, откуда берутся предметы:

• Содержание: вытягивает посты с собственного сайта Установите тип сообщения, категории, теги, количество постов и порядок в Запрос сообщения раздел.
• RSS-канал: вставьте URL-адрес RSS-канала, и виджет автоматически удаляет последние элементы.

Демо-версия использует Контент, поэтому тикер поднимает новые сообщения, и никто не прикасается к нему. Если вы подключаете заголовки извне, RSS-канал - это более быстрая настройка. Один предупреждающий сигнал на RSS: если канал выходит из строя или меняет свою структуру, тикер может оказаться пустым, поэтому стоит проверить, указав его на новый источник.

Варианты дизайна #

The Параметры дизайна раздел управляет тем, как выглядит тикер и что показывает каждый элемент:

• Показать метку? включите или выключите левую метку.
• Этикетка: текст метки. демо переключает “BREAKING NEWS” на “LATEST NEWS.”
• Тип новости: покажите название или отрывок для каждого элемента.
• Показать миниатюру: добавьте небольшое изображение рядом с каждым заголовком.
• Выделите слова? подчеркните конкретные слова в тикере.
• Показать дату: поставьте дату публикации рядом с заголовком. Он появляется только тогда, когда тип новости - это заголовок.
• Высота: высота полосы в пикселях. демо принимает это от 50 до 85.

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

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

Настройки анимации #

The Анимация раздел управляет движением бегущей строки:

• Тип прокрутки: Горизонтальная, вертикальная или горизонтальная прокрутка. горизонтальные скольжения по одному элементу за раз, классический тикер новостей для сайта смотрите. Вертикаль перекатывает предметы вверх, а Горизонтальная прокрутка перемещает их без остановок, как шатер.
• Автовоспроизведение: начать вращение на нагрузке.
• Интервал автозапуска: время между предметами, 3000 миллисекунд из коробки.
• Пауза на зависании: заморозьте бегущую строку, пока посетитель парит над ней.
• Скорость анимации: сколько времени занимает каждый переход, а также 3000 миллисекунд по умолчанию.

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

Стрелки навигации #

The Навигация раздел добавляет предыдущую и следующую стрелки в правой части бара Переключить Показать навигацию? включите или выключите и установите Размер навигации в пикселях. демо-версия увеличивает размер с 14 до 21, поэтому стрелки легче поразить, что важно на сенсорных экранах, где мишень 14px работает скрипкой.

Стрелки ручное управление посетителю, удобно, когда в бегущей строке есть ссылки, к которым кто-то может захотеть прокрутить обратно.

Стиль этикетки #

В Стиль вкладка, the Этикетка раздел стилирует левый значок:

• Цвет текста: цвет текста метки.
• Предыстория: цвет фона метки.
• Угол ленты Цвет: маленький треугольный акцент, соединяющий этикетку с областью контента.
• Тип границы и радиус границы: контур и закругление углов этикетки.
• Угловая маржа: расстояние вокруг угла ленты.
• Типографика: шрифт, размер, вес и высота строки текста этикетки.

Демо-версия округляет верхний левый и нижний левый углы в форму таблетки, устанавливая радиус левой границы на 50 пикселей.

Стиль содержимого и миниатюры #

The Содержание раздел стилирует вращающиеся заголовки. вы получаете цвет текста, цвет наведения, фон, тип границы и типографику. The Миниатюра раздел обрабатывает ширину и форму изображения с опциями "Квадрат" и "Округленный".

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

Стиль навигационных стрелок #

The Навигация раздел стиля имеет вкладки Нормальный и Навести Настроить цвет текста, цвет фона, тип границы, радиус границы, заполнение, и расстояние для кнопок стрелки В зависимости от того, что вы выбираете, стрелки либо сливаются с тикером или выделяются как очевидные элементы управления.

Результат на странице в прямом эфире #

На переднем конце тикер отображается в виде чистой полосы: метка, миниатюра, вращающийся заголовок и стрелки. Он начинает анимировать сам по себе и приостанавливает наведение, если вы оставили этот параметр включенным.

Обычные случаи использования #

• Панели последних новостей: запускайте срочные обновления в верхней части сайта новостей или журналов.
• Тикеры объявлений: наземные продажи, мероприятия или запуски, не съедая места для героев.
• Последние сообщения: используйте тип "Контент", чтобы отображать последние заголовки блогов на любой странице.
• Агрегаторы RSS: переместите заголовки из внешних источников в центр сообщества или отрасли.
• Тикеры на боковой панели: переключитесь на вертикальную прокрутку и опустите виджет в узкий столбец.

Для более полного макета блога соедините его с Виджет блога. Для устаревших объявлений взгляните на Виджет временной шкалы.

Видео Учебник #

Предпочитаете смотреть? это видео проходит через виджет News Ticker от первого перетаскивания до готовой панели на странице в реальном времени:

Часто задаваемые вопросы #

Завершая #

Виджет News Ticker - это быстрый способ добавить движение и свежий контент на страницу Elementor. с двумя источниками контента, тремя типами прокрутки и стилем для каждой части панели, он охватывает все, от последних новостей до последних заголовков вашего блога. Просмотрите полный набор Виджеты и расширения Master Addgets чтобы увидеть, что еще поставляется с плагином, и посмотреть Страница виджета News Ticker для демо. News Ticker нужен Pro, поэтому проверьте страница ценообразования для планов.