Виджет Timeline
Временная шкала — это гибкий виджет, который позволяет отображать исторические события с помощью вертикальных элементов временной шкалы. Виджет содержит различные параметры настройки, которые сделают вашу ленту привлекательной. Вы можете добавить текст, мультимедиа, значок к элементам временной шкалы. Вы можете отображать сообщения, страницы, медиа и шаблоны на временной шкале. Параметры цвета и типографии позволяют создать временную шкалу в соответствии с темой вашего веб-сайта.
Посмотрите подробное видео о виджете Timeline:
Ниже приведены ключевые моменты виджета временной шкалы:
- Мощный построитель запросов для отображения точных сообщений.
- Бесконечная загрузка страниц.
- Возможность добавлять пользовательские значения в область даты сообщения.
- Глобальное и индивидуальное — значок и варианты его оформления.
- Фокусированный (при прокрутке) цвет соединителя, значка и элемента.
- Стиль наведения для значка и элемента.
- Отзывчивая поддержка выравнивания временной шкалы.
- Возможность добавить ссылку на элементы.
Прежде чем начать, обязательно включите виджет в настройках Ultimate Addons for Elementor.
Мощный построитель запросов
Это позволяет выбирать точные сообщения для отображения.
Бесконечная загрузка нумерации страниц
Сообщения, выбранные в конструкторе запросов, можно настроить на автоматическую загрузку на временной шкале при прокрутке.
Возможность добавлять произвольное значение в область даты сообщения
Вы можете изменить дату публикации по умолчанию на любое значение поля, имеющее мета-ключ.
Возможность добавлять медиа и дату для каждого элемента
Помимо публикаций, вы можете добавлять контент к элементам временной шкалы — это карточки. Выберите «Источник контента» как «Пользовательский» . Добавьте новые элементы временной шкалы или скопируйте существующий. Вы можете изменить порядок элементов простым перетаскиванием. Каждый элемент позволяет добавлять к элементу следующие элементы:
- Дата
- Заголовок
- Описание (текст и медиа)
Глобальное и индивидуальное — значок и варианты его оформления
Виджет позволяет установить один и тот же значок для всех элементов в целом или разные значки для каждого отдельного элемента. Вам нужно будет переопределить глобальные параметры стиля, чтобы установить значок индивидуально.
Фокусированный (при прокрутке) цвет разъема, значка и элемента
При прокрутке временной шкалы вниз можно изменить цвет вертикальной соединительной линии, значка и фона значка. Цвет будет изменен только тогда, когда значок появится в окне просмотра. Это придает красивый элегантный вид временной шкале, а также помогает выделить посещенный элемент временной шкалы. См. раздел «Как установить цвет при прокрутке для разделительной линии и значка?»
Стиль наведения для значка и элемента
Для элемента временной шкалы можно установить цвета при наведении. Настройки можно найти на вкладке «Стиль» . Различные вкладки включают параметры цвета при наведении на элемент на вкладке НАВИДЕНИЕ.
- Элементы — цвет при наведении курсора для заголовка, текста и фона элемента.
- Даты – Дата.
- Разъем — значок и фон значка.
Отзывчивая поддержка выравнивания временной шкалы
Виджет временной шкалы обеспечивает адаптивное представление элементов.
Отображение пользовательского значения в области даты сообщения
Когда вы выбираете публикации для отображения на временной шкале, в поле даты по умолчанию отображается дата публикации публикации . Вы можете изменить эту дату на любое значение поля, имеющее мета-ключ . Вам просто нужно получить метаключ для вашего настраиваемого поля и ввести его в настройки временной шкалы.
Это может быть полезно в следующем случае:
Если на вашей временной шкале отображаются предстоящие события, и вы хотите отображать будущую дату для соответствующей публикации.
И еще много подобных…
Эту настройку можно найти в разделе «Содержимое» (вкладка) > «Сообщения» > «Дата» . Выберите Пользовательский из раскрывающегося списка. Введите мета ключ поля с помощью опции «Пользовательский мета ключ» .
Примечание. Этот параметр доступен только в том случае, если вы выбрали « Источник контента» в качестве «Публикации» на временной шкале.
Ниже приведен пример, показывающий, как отображать значение настраиваемого поля для сообщений вместо даты.
1. Отредактируйте сообщение и включите опцию «Настраиваемое поле» в настройках экрана.
2. Добавьте дату события в качестве нового настраиваемого поля и установите для нее значение.
3. Получите мета ключ для вновь созданного настраиваемого поля.
4. Введите ключ в опции «Пользовательский мета-ключ» .
5. Значение пользовательского поля будет отображаться рядом со значком публикации на временной шкале.
Включить бесконечную загрузку страниц для временной шкалы сообщений
Временная шкала предоставляет уникальную функцию бесконечной загрузки сообщений. Сообщения, выбранные в конструкторе запросов, можно настроить на автоматическую загрузку на временной шкале при прокрутке. Это очень полезно, когда вы динамически отображаете сообщения на странице. Все публикации будут загружаться в заранее заданной временной шкале. Вам не нужно вручную задавать количество публикаций для отображения на каждой странице и заново создавать для нее временную шкалу.
Эту настройку можно найти в разделе «Содержимое» (вкладка) > «Основные» > «Бесконечная загрузка». Установите переключатель в положение Да. Он отображает все сообщения запросов с бесконечной загрузкой страниц.
Примечание. Для каждой загрузки будет отображаться количество постов x; где x — значение, введенное в настройках «Сообщений на странице».
Как работает построитель запросов для временной шкалы публикаций?
Виджет временной шкалы предоставляет очень мощный конструктор запросов для отображения сообщений. Конструктор запросов появляется, когда вы выбираете «Сообщения» в качестве источника контента на вкладке «Общие» . Ниже приведено описание параметров построителя запросов:
Существует два типа запросов — основной запрос и пользовательский запрос.
Основной запрос
Это расширенная опция, позволяющая отображать сообщения динамически в зависимости от страницы, на которой отображается временная шкала.
Например :
- Предположим, вы разработали шаблон с виджетом временной шкалы, выбрали опцию «Основной запрос» и настроили ее отображение на всех страницах архива.
- Когда вы посещаете любую страницу архива, отображаются связанные сообщения.
- Допустим, у вас есть категория сообщений «Еда». Если вы посетите страницу категории «Еда», где применен приведенный выше шаблон, вы увидите временную шкалу, отображающую сообщения, которым присвоена категория «Еда».
- Иногда категория может быть пустой и в ней нет сообщений для отображения. В этом случае отобразится сообщение, введенное в поле «Если сообщения не найдены» .
Пользовательский запрос
Он позволяет вручную выбирать сообщения , страницы , медиа и шаблоны на основе категорий , тегов и автора.
1. Тип сообщения — виджет временной шкалы позволяет отображать следующий тип сообщения.
- Сообщения
- Страницы
- СМИ
- Мои шаблоны (шаблоны, сохраненные с помощью Elementor)
2. Правило фильтрации. Эти правила позволяют фильтровать сообщения по категориям , тегам и автору .
- Каждое правило фильтра имеет два варианта. Сопоставить или исключить .
- Выберите, следует ли сопоставлять или исключать определенные категории, теги и автора, и начните вводить имя для выбранного параметра. Появится раскрывающийся список соответствующей опции. Выберите из него точный вариант.
- Например , если вы хотите отображать сообщения из категории «Еда», написанные только «Томом». Затем выберите опцию «Сопоставить категории». Начните вводить «Еда» и выберите ее из раскрывающегося списка. Выберите «Сопоставить автора», начните вводить «Том» и выберите его из раскрывающегося списка. На временной шкале будут отображаться сообщения «Еда», написанные «Томом».
3. Правило фильтрации сообщений — позволяет выбирать сообщения вручную.
- Вы можете отобразить конкретную публикацию с помощью правила фильтра «Соответствующие публикации» . Выберите этот вариант и начните вводить название публикации, которую вы хотите отобразить.
- Или вы можете исключить конкретную публикацию. По умолчанию отображаются все сообщения. Выберите этот вариант и начните вводить название публикации, которую вы хотите исключить.
4. Игнорируйте прикрепленные сообщения:
- Что такое прикрепленная публикация — опция «Прикрепленная публикация» прикрепит публикацию к главной странице. Вы можете установить для некоторых публикаций статус «Прикрепленные», чтобы они появлялись над другими публикациями. Это позволяет выделить отдельные публикации.
- Например: скажем, у вас опубликовано 10 сообщений. Тогда по умолчанию пост будет публиковаться в обратном хронологическом порядке. Это означает, что сообщения будут отображаться в порядке 10,9,8,7 и так далее. Учтите, что пятый пост помечен как прикрепленный. Тогда он отобразится вверху страницы. Таким образом, последовательность постов будет 5,10,9,8 и так далее.
- Если вы выберете « Игнорировать прикрепленные сообщения» , тогда сообщения будут отображаться в обратном хронологическом порядке, и прикрепленное сообщение не будет отображаться вверху временной шкалы.
5. Порядок публикаций. Выбранные публикации можно упорядочить по дате, заголовку, порядку меню или отображать в случайном порядке.
Если сообщения не найдены
Если построитель запросов не нашел ни одного сообщения для отображения, он отображает сообщение «Сообщения не найдены ». И предлагает пользователю окно поиска (только если оно включено). Вы можете отредактировать это сообщение с помощью опций поля «Если сообщения не найдены».
Как сделать публикацию прикрепленной?
Что такое прикрепленный пост?
Опция «Прикрепленная публикация» прикрепит публикацию к главной странице. Вы можете установить для некоторых публикаций статус «Прикрепленные», чтобы они появлялись над другими публикациями. Это позволяет выделить отдельные публикации.
Например: скажем, у вас опубликовано 10 сообщений. Тогда по умолчанию пост будет публиковаться в обратном хронологическом порядке. Это означает, что сообщения будут отображаться в порядке 10,9,8,7 и так далее. Учтите, что пятый пост помечен как прикрепленный. Тогда он отобразится вверху страницы. Таким образом, последовательность постов будет 5,10,9,8 и так далее.
Как пометить публикацию как прикрепленную?
- На панели управления WordPress перейдите в «Сообщения» > «Все сообщения».
- Отредактируйте публикацию, которую хотите прикрепить.
- В правом столбце в поле «Публикация» найдите параметр «Видимость» и нажмите «Изменить» .
- Для широкой публики установите флажок «Прикрепить эту публикацию на главную страницу ».
- Нажмите «ОК» и обновите публикацию.
Как установить цвет при прокрутке для соединительной линии и значка?
Возможно, вы заметили, что цвет соединительной линии и значка меняется при прокрутке вниз или вверх по временной шкале. По сути, соединитель и значок меняют цвет по мере его появления в окне просмотра.
- Эту настройку можно найти в разделе «Стиль» (вкладка) > «Соединитель».
- Вы увидите две вкладки с именами ПО УМОЛЧАНИЮ и В ФОКУСЕ.
- Вкладка DEFAULT предлагает настройки цвета линии и цвета, который будет отображаться, когда они не сфокусированы или не наведены.
- Вкладка «ФОКУСИРОВАТЬ» предлагает настройки цвета линии и цвета, который будет отображаться при прокрутке временной шкалы. Вы можете установить цвет линии, цвет значка и цвет фона значка.
Примечание. Если цвет значка установлен в отдельном элементе временной шкалы, он будет иметь приоритет над параметрами цвета значка, указанными выше. См. раздел «Как стилизовать определенный элемент/значок?»
Комментарии
Найдите свой шаблон для сайта среди 300+ вариантов
Все шаблонные сайты
Один ответ на “Виджет Timeline”
Спасибо за просмотр! Оставляйте свои комментарии и вопросы!