Виджет временной шкалы свободного элементара: вертикальные и горизонтальные временные шкалы

Хронология является бесплатным виджетом Master Addons для Elementor, который выкладывает даты и события вдоль соединительной линии.Постройте Пользовательскую временную шкалу вручную, с датой или меткой, богатым контентом, изображением и ссылкой для каждого элемента, и покажите его вертикально или как горизонтальную карусель. с Master Addons Pro вы также можете построить Пост Хронология прямо из ваших сообщений в блоге. Это подходит для истории компаний, дорожные карты, расписания событий и архивы новостей.

Пользовательские и пост-типы временной шкалы в виджете Elementor Timeline

Пользовательская временная шкала (бесплатно) или временная шкала публикации (Pro)

Пользовательские Хронология является свободным вариантом. каждый элемент получает дату, которую вы можете поменять на пользовательские метки, как “Phase 1”, богатый текстовый контент области, изображение и необязательная ссылка для всей карты. элементы также могут иметь свою собственную точку и настройки цвета. Post Timeline, часть Pro, строит временную шкалу из ваших сообщений: фильтр по категории, тег или автор, исключить определенные сообщения, установить порядок и смещение, и выбрать, показывать ли заголовок, избранное изображение и отрывок.

  • Пользовательская временная шкала: дата или пользовательская метка, контент, изображение и ссылка для каждого элемента.
  • Стиль для каждого предмета для цветов точки, карты и даты.
  • Временная шкала публикации (Pro): фильтры категорий, тегов и авторов, исключенные сообщения, смещение и порядок.
  • На открытках можно отобразить заголовок, избранное изображение, отрывок и ссылку для дальнейшего чтения.

Вертикальная временная шкала или горизонтальная карусель

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

  • Вертикальное выравнивание: левое, центральное, правое или наложение, с реверсивным положением карты.
  • Горизонтальная карусель с каруселью или компоновками Coverflow, автозапуском и петлей.
  • Навигация со стрелками, точками, дробью, индикатором выполнения или полосой прокрутки.
  • Управление горизонтальным и вертикальным расстоянием между картами.
Вертикальные и горизонтальные макеты временной шкалы в Elementor
Полный стиль центральной линии и точки

Линейный и точечный стиль

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

  • Фон линии, цвет хода, толщина и граница.
  • Пять типов точек: точки, значки, изображения, цифры или буквы.
  • Состояния по умолчанию, наведение и фокусировка для каждой точки.

Стиль карты и даты с анимацией

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

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

Пользовательская временная шкала против временной шкалы публикации

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

Пользовательская временная шкалаХронология публикации
ЦенаБесплатноМастер Аддоны Про
СодержаниеЭлементы, которые вы добавляете на панельВаши опубликованные посты
ОбновленияКогда вы редактируете элементыКаждый раз, когда вы публикуете пост
МакетыВертикальная или горизонтальная карусельВертикальный
Каждая запись показываетДата или метка, контент, изображение, ссылкаНазвание, избранное изображение, дата, отрывок, подробнее
Лучший дляИстории, дорожные карты, расписанияАрхивы новостей, заметки к выпуску

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

Просмотрщик шаблонов
Фейсбук
Твиттер
WhatsApp
Копировать ссылку
Купить сейчас
Хронология публикации
Хронология публикации
Вехи
Вехи
Темный журнал изменений
Темный журнал изменений
Горизонтальная дорожная карта
Горизонтальная дорожная карта
Блог хронологии публикации
Блог хронологии публикации
Изображения тематического исследования
Изображения тематического исследования
Накладные Ступени
Накладные Ступени
Повестка дня мероприятия
Повестка дня мероприятия
Чередование сроков восстановления
Чередование сроков восстановления
Хронология поля изображения арки
Хронология поля изображения арки
Правильно выровненный график расследования
Правильно выровненный график расследования
Горизонтальная временная шкала изготовления
Горизонтальная временная шкала изготовления
Хронология недели разделенных карт
Хронология недели разделенных карт
Временная шкала переменного Arch Media
Временная шкала переменного Arch Media
Хронология пробной версии световой карты
Хронология пробной версии световой карты
Горизонтальная хронология года
Горизонтальная хронология года

Как добавить временную шкалу в Elementor

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

  1. В Elementor выполните поиск на панели виджетов по запросу “Timeline” и перетащите виджет Master Addons на страницу.
  2. Сохраняйте тип временной шкалы на индивидуальной временной шкале и выбирайте вертикальную временную шкалу или горизонтальную временную шкалу.
  3. Откройте каждую строку в разделе "Элементы" и установите дату или пользовательскую метку, содержимое, изображение и ссылку.
  4. Нажмите "Добавить элемент", чтобы просмотреть дополнительные этапы, и перетащите строки, чтобы изменить их порядок.
  5. Для горизонтальной временной шкалы установите настройки навигации и карусели.
  6. Украсьте карты, даты, строку и точки на вкладке "Стиль", затем опубликуйте.

Наш хронология учебник проходит каждую настройку со скриншотами.

Часто задаваемые вопросы по графику

Узнайте о наиболее часто задаваемых пользователями запросах о временной шкале и найдите ответы в одном месте.
Должен ли я использовать временную шкалу публикации или пользовательскую временную шкалу?

Используйте Пользовательскую временную шкалу, которая бесплатна, когда вы хотите контролировать каждую дату и запись, например страницу "Наша история" или дорожную карту. Используйте временную шкалу публикации, часть Master Addons Pro, когда временная шкала должна обновляться из ваших сообщений в блоге, как архив новостей.

Состояние "Фокусировка" стилизует предмет, который в данный момент активен, когда посетители прокручивают временную шкалу или перемещаются по карусели. дайте ему другой фон карты, цвет даты или большую точку, чтобы текущая веха выделялась.

Виджет Elementor Timeline бесплатен?

Да. Хронология является бесплатным виджетом, включая тип Пользовательской временной шкалы и как вертикальные, так и горизонтальные макеты. типу Post Timeline, который строит записи из ваших сообщений в блоге, нужны Master Addons Pro.

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

Виджеты и расширения трендовых элементов

Создавайте сложные веб-сайты за меньшее время.

Расширение Master Addons Glassmorphism для Elementor: карты из матового стекла с элементом управления значением размытия, установленным в 20px

Стекломорфизм

Главная Бесплатный элемент Расширение стекломорфизма: эффект матового стекла в одном переключении Стекломорфизм - это матовый...
Посмотреть детали
Расширение Master Addons Container Extras для Elementor: контейнер с максимальной шириной 1400px, с регуляторами максимальной ширины, максимальной высоты, минимальной ширины и минимальной высоты

Дополнительные контейнеры

Главная Элементор Контейнер Максимальная ширина и максимальная высота Контролирует контейнер Дополнительно является бесплатным Мастер...
Посмотреть детали
Расширение Master Addons Patterns для Elementor: герой со стилем Purple Gradient Grid Left, еще тремя стилями шаблонов и панелью Enable Pattern

Шаблоны

Главная 70+ бесплатных шаблонов фона элементара - это бесплатное расширение Master Addons, которое добавляет...
Посмотреть детали
Расширение Master Addons Post/Page Duplicator для Elementor: ссылка на строку MA Duplicator в списке WordPress Pages, создающая целевую страницу - [Дублированный № 128] черновик

Дубликатор сообщений/страниц

Главная Дублировать страницы Элементор и сообщения в один клик Пост/Пейдж Дупликатор является бесплатным Мастер...
Посмотреть детали
Расширение Master Addons Reading Progress Bar для Elementor: синяя полоса на 42% заполнена в верхней части страницы политики конфиденциальности с настройками включения, положения, высоты и цвета заполнения

Прогресс-бар чтения

Главная Добавить панель прогресса чтения в WordPress (Элементор) Панель прогресса чтения бесплатна...
Посмотреть детали