Виджет временной шкалы свободного элементара: вертикальные и горизонтальные временные шкалы
Хронология является бесплатным виджетом Master Addons для Elementor, который выкладывает даты и события вдоль соединительной линии.Постройте Пользовательскую временную шкалу вручную, с датой или меткой, богатым контентом, изображением и ссылкой для каждого элемента, и покажите его вертикально или как горизонтальную карусель. с Master Addons Pro вы также можете построить Пост Хронология прямо из ваших сообщений в блоге. Это подходит для истории компаний, дорожные карты, расписания событий и архивы новостей.
Как добавить временную шкалу в Elementor
Эти шаги построить свободную Пользовательскую временную шкалу Виджет начинается с трех элементов образца, так что вы можете увидеть макет, прежде чем вы измените что-либо.
- В Elementor выполните поиск на панели виджетов по запросу “Timeline” и перетащите виджет Master Addons на страницу.
- Сохраняйте тип временной шкалы на индивидуальной временной шкале и выбирайте вертикальную временную шкалу или горизонтальную временную шкалу.
- Откройте каждую строку в разделе "Элементы" и установите дату или пользовательскую метку, содержимое, изображение и ссылку.
- Нажмите "Добавить элемент", чтобы просмотреть дополнительные этапы, и перетащите строки, чтобы изменить их порядок.
- Для горизонтальной временной шкалы установите настройки навигации и карусели.
- Украсьте карты, даты, строку и точки на вкладке "Стиль", затем опубликуйте.
Наш хронология учебник проходит каждую настройку со скриншотами.
Пользовательская временная шкала (бесплатно) или временная шкала публикации (Pro)
Пользовательские Хронология является свободным вариантом. каждый элемент получает дату, которую вы можете поменять на пользовательские метки, как “Phase 1”, богатый текстовый контент области, изображение и необязательная ссылка для всей карты. элементы также могут иметь свою собственную точку и настройки цвета. Post Timeline, часть Pro, строит временную шкалу из ваших сообщений: фильтр по категории, тег или автор, исключить определенные сообщения, установить порядок и смещение, и выбрать, показывать ли заголовок, избранное изображение и отрывок.
- Пользовательская временная шкала: дата или пользовательская метка, контент, изображение и ссылка для каждого элемента.
- Стиль для каждого предмета для цветов точки, карты и даты.
- Временная шкала публикации (Pro): фильтры категорий, тегов и авторов, исключенные сообщения, смещение и порядок.
- На открытках можно отобразить заголовок, избранное изображение, отрывок и ссылку для дальнейшего чтения.
Вертикальная временная шкала или горизонтальная карусель
Вертикальная временная шкала складывает карты вдоль центральной линии Выравнивайте их влево, по центру, вправо или в виде наложения, и меняйте позиции карт одним переключателем Горизонтальная временная шкала, доступная для пользовательских временных шкала, превращает предметы в карусель. выберите стандартный макет слайда или Coverflow, включите автовоспроизведение и цикл и выберите навигацию со стрелками, точками, счетчиком дробей или индикатором выполнения.
- Вертикальное выравнивание: левое, центральное, правое или наложение, с реверсивным положением карты.
- Горизонтальная карусель с каруселью или компоновками Coverflow, автозапуском и петлей.
- Навигация со стрелками, точками, дробью, индикатором выполнения или полосой прокрутки.
- Управление горизонтальным и вертикальным расстоянием между картами.
Линейный и точечный стиль
Стиль линии с цветом фона, цвет прогресса, толщина и граница. точки могут быть простыми точками, значками, изображениями, цифрами или буквами, и каждый имеет стили по умолчанию, наведение и фокус для размера, цвета фона, цвета точки и тени текста. таким образом, веха, на которую смотрит посетитель, выделяется среди остальных.
- Фон линии, цвет хода, толщина и граница.
- Пять типов точек: точки, значки, изображения, цифры или буквы.
- Состояния по умолчанию, наведение и фокусировка для каждой точки.
Стиль карты и даты с анимацией
Карты получают заполнение, поле, заполнение содержимого, радиус границы и отдельную типографику заголовка и содержимого Их цвет, фон, тень ящика и тень текста могут меняться в состояниях по умолчанию, наведение и фокусировка Включите анимационные карты, чтобы раскрыть каждую карту, когда она прокручивается в поле зрения. даты имеют свою собственную типографику, заполнение, поле, тень текста и цвета для всех трех состояний.
- Управление расстоянием между картами, радиусом и типографикой.
- Стили по умолчанию, наведение и фокусировка для карт и дат.
- Анимируйте карты, чтобы отображать предметы во время прокрутки в поле зрения.
Пользовательская временная шкала против временной шкалы публикации
У Elementor нет виджета временной шкалы ни в бесплатной, ни в профессиональной версии, поэтому без дополнения вы бы построили его из столбцов, разделителей и пользовательских CSS. Вот как сравниваются два типа временной шкалы.
| Пользовательская временная шкала | Хронология публикации | |
|---|---|---|
| Цена | Бесплатно | Мастер Аддоны Про |
| Содержание | Элементы, которые вы добавляете на панель | Ваши опубликованные посты |
| Обновления | Когда вы редактируете элементы | Каждый раз, когда вы публикуете пост |
| Макеты | Вертикальная или горизонтальная карусель | Вертикальный |
| Каждая запись показывает | Дата или метка, контент, изображение, ссылка | Название, избранное изображение, дата, отрывок, подробнее |
| Лучший для | Истории, дорожные карты, расписания | Архивы новостей, заметки к выпуску |
Для полной сетки сообщений рядом с вашей временной шкалой используйте бесплатную Виджет блога. Чтобы показать цифры, лежащие в основе ваших контрольных показателей, добавьте Встречный.
Часто задаваемые вопросы по графику
Должен ли я использовать временную шкалу публикации или пользовательскую временную шкалу?
Используйте Пользовательскую временную шкалу, которая бесплатна, когда вы хотите контролировать каждую дату и запись, например страницу "Наша история" или дорожную карту. Используйте временную шкалу публикации, часть Master Addons Pro, когда временная шкала должна обновляться из ваших сообщений в блоге, как архив новостей.
Как работает государство "Целенаправленность"?
Состояние "Фокусировка" стилизует предмет, который в данный момент активен, когда посетители прокручивают временную шкалу или перемещаются по карусели. дайте ему другой фон карты, цвет даты или большую точку, чтобы текущая веха выделялась.
Виджет Elementor Timeline бесплатен?
Да. Хронология является бесплатным виджетом, включая тип Пользовательской временной шкалы и как вертикальные, так и горизонтальные макеты. типу Post Timeline, который строит записи из ваших сообщений в блоге, нужны Master Addons Pro.
Могу ли я привязать всю карту временной шкалы к странице?
Да. каждый элемент Пользовательской временной шкалы имеет поле Ссылка, которое делает всю карту кликабельной. Post Timelines имеет переключатель Включить ссылки, который связывает каждую карту с ее публикацией. Избегайте других ссылок внутри связанной карты, так как ссылки внутри ссылок не разрешены.
Виджеты и расширения трендовых элементов
Создавайте сложные веб-сайты за меньшее время.
Стекломорфизм
Дополнительные контейнеры
Шаблоны
Дубликатор сообщений/страниц
