Виджет временной шкалы свободного элементара: вертикальные и горизонтальные временные шкалы
Хронология является бесплатным виджетом Master Addons для Elementor, который выкладывает даты и события вдоль соединительной линии.Постройте Пользовательскую временную шкалу вручную, с датой или меткой, богатым контентом, изображением и ссылкой для каждого элемента, и покажите его вертикально или как горизонтальную карусель. с Master Addons Pro вы также можете построить Пост Хронология прямо из ваших сообщений в блоге. Это подходит для истории компаний, дорожные карты, расписания событий и архивы новостей.
Как добавить временную шкалу в Elementor
Эти шаги построить свободную Пользовательскую временную шкалу Виджет начинается с трех элементов образца, так что вы можете увидеть макет, прежде чем вы измените что-либо.
- В Elementor выполните поиск на панели виджетов по запросу “Timeline” и перетащите виджет Master Addons на страницу.
- Сохраняйте тип временной шкалы на индивидуальной временной шкале и выбирайте вертикальную временную шкалу или горизонтальную временную шкалу.
- Откройте каждую строку в разделе "Элементы" и установите дату или пользовательскую метку, содержимое, изображение и ссылку.
- Нажмите "Добавить элемент", чтобы просмотреть дополнительные этапы, и перетащите строки, чтобы изменить их порядок.
- Для горизонтальной временной шкалы установите настройки навигации и карусели.
- Украсьте карты, даты, строку и точки на вкладке "Стиль", затем опубликуйте.
Наш хронология учебник проходит каждую настройку со скриншотами, и видео в верхней части этой страницы показывает те же шаги.
Есть ли у Elementor или Elementor Pro виджет временной шкалы?
Нет. ни Elementor, ни Elementor Pro не включают виджет временной шкалы, поэтому вам нужен аддон или макет, созданный вручную из контейнеров, границ и пользовательских CSS. виджет Master Addons Timeline работает с Elementor сам по себе, и для него вам не нужен Elementor Pro. Вот что покрывает виджет.
| Виджет временной шкалы | |
|---|---|
| Макеты | Вертикальная, или горизонтальная карусель |
| Выравнивание карты | Слева, в центре, накладка или справа |
| Источники контента | Элементы, которые вы добавляете вручную, или сообщения в блоге (Post Timeline, Pro) |
| Каждый предмет | Дата или пользовательская этикетка, богатый контент, изображение и ссылка на всю карту |
| Типы точек | Точки, значки, изображения, цифры или буквы |
| Горизонтальная навигация | Стрелки, точки, дробь или индикатор выполнения с дополнительной полосой прокрутки |
| Разделы стиля | 10, включая карты, даты, строки и баллы |
| Потребности | Элементор и Мастер-аддоны |
Пользовательская временная шкала (бесплатно) или временная шкала публикации (Pro)
Пользовательские Хронология является свободным вариантом. каждый элемент получает дату, которую вы можете поменять на пользовательские метки, как “Phase 1”, богатый текстовый контент области, изображение и необязательная ссылка для всей карты. элементы также могут иметь свою собственную точку и настройки цвета. Post Timeline, часть Pro, строит временную шкалу из ваших сообщений: фильтр по категории, тег или автор, исключить определенные сообщения, установить порядок и смещение, и выбрать, показывать ли заголовок, избранное изображение и отрывок.
- Пользовательская временная шкала: дата или пользовательская метка, контент, изображение и ссылка для каждого элемента.
- Стиль для каждого предмета для цветов точки, карты и даты.
- Временная шкала публикации (Pro): фильтры категорий, тегов и авторов, исключенные сообщения, смещение и порядок.
- На открытках можно отобразить заголовок, избранное изображение, отрывок и ссылку для дальнейшего чтения.
Вертикальная временная шкала в Elementor
Вертикальная временная шкала складывает карты вдоль центральной линии Выровняйте их влево, по центру, вправо или в виде наложения и измените положение карт на один переключатель. горизонтальное расстояние и вертикальное расстояние устанавливают зазоры. на планшетах и телефонах карты перемещаются в одну сторону линии.
- Горизонтальное выравнивание: влево, в центре, накладка или вправо.
- Позиции обратных карт переворачивают, какая сторона стоит первой.
- Вертикальное выравнивание и два интервальных ползунка для карт.
- Карты перемещаются в одну сторону на планшетах и телефонах.
Горизонтальная временная шкала в Элементоре (карусель)
Установите стиль временной шкалы на горизонтальную временную шкалу, и пользовательская временная шкала станет каруселью, с точками на линии над картами. в разделе "Навигация" выберите "Стрелки и точки", "Стрелки и дробь", "Стрелки", "Точки", "Прогресс" или "Нет", а также добавьте полосу прокрутки, если хотите. "Настройки карусели" имеют стандартную компоновку или компоновку "Покровный поток", "Автоиграй со своей скоростью", "Пауза на зависании", "Петля" и "Слайды для прокрутки".
- Шесть вариантов навигации плюс дополнительная панель прокрутки.
- Карусель или макет Coverflow.
- Автовоспроизведение, пауза при наведении, петле и центральном слайде.
- Доступно для пользовательских временных рамок.
Видите ли, это вживую Горизонтальная демонстрация дорожной карты.
Хронология публикации: создайте временную шкалу на основе сообщений в своем блоге (Pro)
Хронология сообщений является частью Master Addons Pro. Переключите тип временной шкалы на временную шкалу сообщений, и виджет перечисляет ваши опубликованные сообщения вдоль линии, сначала по умолчанию самые новые, поэтому временная шкала увеличивается каждый раз, когда вы публикуете. Установите сообщения на страницу, закажите и закажите сообщение, отфильтруйте по категории, тегу или автору, пропустите сообщения с публикациями, которые нужно исключить, и используйте счетчик смещенных сообщений, чтобы начать дальше по списку. Временные шкалы сообщений вертикальны.
- Запрос: сообщения на страницу, заказ сообщения, порядок и счетчик смещенных сообщений.
- Фильтры: категория, тег, автор и публикации, которые следует исключить.
- Показывать или скрывать заголовок, изображение, отрывок и кнопку "Подробнее".
- Включить ссылки делает каждую карту ссылкой на свою публикацию.
Для сетки или списка сообщений используйте Виджет блога.
Линейный и точечный стиль
Стиль линии с цветом фона, цвет прогресса, толщина и граница. точки могут быть простыми точками, значками, изображениями, цифрами или буквами, и каждый имеет стили по умолчанию, наведение и фокус для размера, цвета фона, цвета точки и тени текста. таким образом, веха, на которую смотрит посетитель, выделяется среди остальных.
- Фон линии, цвет хода, толщина и граница.
- Пять типов точек: точки, значки, изображения, цифры или буквы.
- Состояния по умолчанию, наведение и фокусировка для каждой точки.
Стиль карты и даты с анимацией
Карты получают заполнение, поле, заполнение содержимого, радиус границы и отдельную типографику заголовка и содержимого Их цвет, фон, тень ящика и тень текста могут меняться в состояниях по умолчанию, наведение и фокусировка Включите анимационные карты, чтобы раскрыть каждую карту, когда она прокручивается в поле зрения. даты имеют свою собственную типографику, заполнение, поле, тень текста и цвета для всех трех состояний.
- Управление расстоянием между картами, радиусом и типографикой.
- Стили по умолчанию, наведение и фокусировка для карт и дат.
- Анимируйте карты, чтобы отображать предметы во время прокрутки в поле зрения.
Пользовательская временная шкала против временной шкалы публикации
Вот как сравниваются два типа временной шкалы.
| Пользовательская временная шкала | Хронология публикации | |
|---|---|---|
| Цена | Бесплатно | Мастер Аддоны Про |
| Содержание | Элементы, которые вы добавляете на панель | Ваши опубликованные посты |
| Обновления | Когда вы редактируете элементы | Каждый раз, когда вы публикуете пост |
| Макеты | Вертикальная или горизонтальная карусель | Вертикальный |
| Каждая запись показывает | Дата или метка, контент, изображение, ссылка | Название, избранное изображение, дата, отрывок, подробнее |
| Лучший для | Истории, дорожные карты, расписания | Архивы новостей, заметки к выпуску |
Для полной сетки сообщений рядом с вашей временной шкалой используйте бесплатную Виджет блога. Чтобы показать цифры, лежащие в основе ваших контрольных показателей, добавьте Встречный.
Примеры хронологии
У зрителя ниже 16 готовых дизайнов. Откройте любой из них, чтобы увидеть его вживую.
- Вехи истории компании.
- Dark Changelog для заметок о выпуске.
- Горизонтальная дорожная карта для этапов производства продукции.
- Разместите Блог по хронологии для сообщений в порядке дат.
- Тематическое исследование Изображения этапов проекта с фотографиями.
- Наложение шагов для процесса.
- Повестка дня мероприятия по расписанию.
Часто задаваемые вопросы по графику
Должен ли я использовать временную шкалу публикации или пользовательскую временную шкалу?
Используйте Пользовательскую временную шкалу, которая бесплатна, когда вы хотите контролировать каждую дату и запись, например страницу "Наша история" или дорожную карту. Используйте временную шкалу публикации, часть Master Addons Pro, когда временная шкала должна обновляться из ваших сообщений в блоге, как архив новостей.
Как работает государство "Целенаправленность"?
Состояние "Фокусировка" стилизует предмет, который в данный момент активен, когда посетители прокручивают временную шкалу или перемещаются по карусели. дайте ему другой фон карты, цвет даты или большую точку, чтобы текущая веха выделялась.
Могу ли я построить временную шкалу в Elementor без плагина?
Да, простой.Сложите контейнеры в столбец, дайте каждому левую границу для строки, и поместите виджет Значок на границе с Позицией, установленной на Абсолют для точки Чередующиеся стороны, горизонтальная компоновка и анимация прокрутки нуждаются в пользовательских CSS или виджет временной шкалы.
Как добавить горизонтальную временную шкалу в Elementor?
Добавьте виджет "Хронология", сохраните "Тип временной шкалы" на пользовательской временной шкале и установите "Стиль временной шкалы" на горизонтальную временную шкалу. Затем выберите стрелки или точки в разделе "Навигация" и установите автовоспроизведение и цикл в разделе "Настройки карусели".
Виджет Elementor Timeline бесплатен?
Да. Хронология является бесплатным виджетом, включая тип Пользовательской временной шкалы и как вертикальные, так и горизонтальные макеты. типу Post Timeline, который строит записи из ваших сообщений в блоге, нужны Master Addons Pro.
Могу ли я привязать всю карту временной шкалы к странице?
Да. каждый элемент Пользовательской временной шкалы имеет поле Ссылка, которое делает всю карту кликабельной. Post Timelines имеет переключатель Включить ссылки, который связывает каждую карту с ее публикацией. Избегайте других ссылок внутри связанной карты, так как ссылки внутри ссылок не разрешены.
Может ли временная шкала автоматически удалять сообщения в блоге?
Да, с типом Post Timeline в Master Addons Pro. Он читает ваши опубликованные сообщения, и вы контролируете порядок, количество сообщений и фильтры категорий, тегов или авторов.
Почему карты выглядят пустыми, пока я не прокручу?
Оживить карты на. Каждая карта остается скрытой, пока она прокручивается в поле зрения, затем она скользит в. Выключите анимационные карты в разделе Карты на вкладке Стиль, если вы хотите, чтобы каждая карта была видна с самого начала.
Виджеты и расширения трендовых элементов
Создавайте сложные веб-сайты за меньшее время.
Стекломорфизм
Дополнительные контейнеры
Шаблоны
![Расширение Master Addons Post/Page Duplicator для Elementor: ссылка на строку MA Duplicator в списке WordPress Pages, создающая целевую страницу - [Дублированный № 128] черновик](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/15102930/post-page-duplicator-768x403.webp)
Дубликатор сообщений/страниц
