Хронология
История, прогресс и дорожные карты все о последовательности — но перечисление событий в пунктах выдачи теряет повествование Элемент временной шкалы Master Addons оживляет последовательность. выберите построить пользовательскую временную шкалу с вручную созданными вехами или автоматически сгенерируйте временную шкалу публикации из своего блога. Отображайте ее как классическую вертикальную временную шкалу или современную горизонтальную карусель. Стиль каждого компонента: центральная линия, маркеры даты, карточки контента и навигация. идеально подходит для историй компаний, дорожных карт проектов, биографических путешествий или демонстрации архива блога визуально убедительным способом. Не рассказывайте людям, что произошло. Покажите им путешествие.
Индивидуальная или динамическая временная шкала сообщений
Начните с выбора источника вашей временной шкалы. для полного творческого контроля выберите Пользовательская временная шкала. вручную добавляйте элементы, каждый со своей датой, заголовком, богатым контентом (текстом, мультимедиа) и дополнительной ссылкой. для динамической временной шкалы автоматического обновления выберите "Почтовая временная шкала". Он автоматически создает основные этапы из ваших сообщений в блоге, используя дату публикации в качестве временной шкалы. Фильтруйте сообщения по категориям, тегам или авторам и контролируйте отображаемый порядок и номер. Эта гибкость позволяет создавать что угодно: от страницы личной истории до динамической ленты блога “Наша история”.
- Пользовательская временная шкала: создайте пользовательскую временную шкалу с полным контролем над каждой датой, заголовком, описанием и изображением.
- Автоматическое создание: используйте временную шкалу публикации, чтобы превратить архив блога в визуальную хронологическую историю.
- Умная фильтрация сообщений: для временных линий сообщений включайте или исключайте сообщения по категориям, тегам, авторам или конкретным идентификаторам сообщений.
- Карты с богатым контентом: добавляйте форматированный текст, изображения и ссылки к каждому элементу временной шкалы, будь то вручную или из сообщения.
Вертикальные и горизонтальные компоновки с каруселью
Представить свою временную шкалу в ориентации, которая подходит вашей странице Классическая Вертикальная временная шкала аккуратно складывает элементы в колонку, идеально подходит для боковых полос или длинных страниц истории Для более увлекательного, интерактивного отображения используйте Горизонтальную временную шкалу (Карусель).Это превращает вашу временную шкалу в ловкую, прокручиваемую карусель с настраиваемыми навигационными стрелками. Управляйте Горизонтальным и Вертикальным расстоянием между элементами, и регулируйте Выравнивание содержимого внутри каждой карты. Это гарантирует, что ваша временная шкала не просто информативна, но и является динамической частью макета страницы.
- Выбор ориентации: выберите традиционную вертикальную компоновку или современный горизонтальный карусельный стиль.
- Интерактивная карусель: для горизонтальных временных линий обеспечьте плавную прокрутку, навигационные стрелки и управление поведением прокрутки.
- Точный контроль макета: настройте пробел, расстояние и выравнивание элемента (слева, в центре) для идеального позиционирования пикселей.
- Экономия места: горизонтальная карусель идеально подходит для секций героев или зон с ограниченным вертикальным пространством.
Полный стиль центральной линии и точки
Центральная линия и точки являются знаковыми визуальными якорями Стиль сама Линия — ее цвет, толщина и стиль. Затем разработайте Точки (или значки), которые отмечают каждое событие на линии. Выберите Тип (простые точки или пользовательские значки). Создайте их в стиле состояний по умолчанию, наведения и фокусировки, изменив их размер, цвет фона и цвет точек. Вы даже можете добавить текстовую тень для глубины. Это превращает скелет временной шкалы из простого делителя в разработанный графический элемент.
- Дизайн центральной линии: настройте цвет и стиль соединительной линии временной линии.
- Интерактивные точки: стилизуйте маркеры тремя состояниями (нормальным, наводящим курсор, фокусированным) для четкой обратной связи взаимодействия.
- Значок или выбор точки: используйте простые точки или выберите любой значок из библиотеки в качестве маркеров временной шкалы.
- Визуальная иерархия: сделайте активную или зависающую точку больше или другого цвета, чтобы привлечь внимание.
Стиль карты и даты с анимацией
Сделайте карту каждого события мини-шедевром. стилизовать контейнер Карты: установить цвет фона, радиус границы, заполнение, маржа, и тень коробки для глубины. включить Анимировать карты для плавного входа эффектов. отдельно, дизайн этикеток даты с их собственной Типографией, цветом, и интервалом. стилизовать эти элементы для по умолчанию, наведение на действие, и важное состояние Фокусирован (когда карта активна/центрирована).Это гарантирует, что каждый этап визуально отличается и приятен для взаимодействия.
- Дизайн контейнера для карт: стилизуйте фон, границы, тени и интервалы между каждой картой элемента временной шкалы.
- Стиль этикетки даты: укажите тексту даты свой собственный цвет, шрифт и тень, отдельно от содержимого карты.
- Контроль трех состояний: определите уникальные стили, когда карта нормальна, зависает или находится в фокусе.
- Плавные анимации: добавляйте тонкие входные анимации к картам по мере их появления.
Часто задаваемые вопросы по графику
Должен ли я использовать временную шкалу публикации или пользовательскую временную шкалу?
Используйте Post Timeline, если вам нужна автоматизированная, постоянно обновляемая временная шкала на основе сообщений в блоге (отлично подходит для “Company Updates” или “News History”).
Используйте Пользовательскую временную шкалу, если вам нужен полный контроль над датами, контентом и изображениями для фиксированной истории (идеально подходит для “Our History,” “Biography,” или “Project Roadmap”).
Как работает государство "Целенаправленность"?
Состояние Фокусированный особенно полезно в Горизонтальных (Карусельных) временных линиях, Он применяет особый стиль к карте, которая в данный момент центрирована или активна в представлении, помогая ей выделиться визуально Вы можете сделать его больше, изменить его фон или добавить тень, чтобы указать, что это основной элемент в представлении.
Отзывчива ли временная шкала на мобильных устройствах?
Да. вертикальные временные шкалы будут складываться естественным образом. горизонтальные карусели временной шкалы станут сенсорной прокруткой на мобильных устройствах, а навигационные стрелки будут регулироваться или могут быть скрыты. макеты карт, текст и изображения будут изменять размер, соответствующий небольшим экранам.
Могу ли я привязать всю карту временной шкалы к странице?
Да. в настройках элемента Пользовательская временная шкала, вы можете добавить ссылку. включить опцию для привязки всей карты. для Post Timelines, вы можете включить Ссылки на уровне карты, делая каждую карту кликабельной к ее одиночной записи. будьте осторожны, чтобы не иметь другие ссылки внутри карты, если вы включите это.
Виджеты и расширения трендовых элементов
Создавайте сложные веб-сайты за меньшее время.
Стекломорфизм
Дополнительные контейнеры
Шаблоны
Дубликатор сообщений/страниц
