Хронология

Хронология превращает список дат в то, что люди на самом деле читают: история компании, дорожная карта продукта, график проекта, пошаговый процесс.The Хронология виджет в Мастер-аддоны для Elementor строит все т.е. вы можете вытаскивать записи прямо из своих постов в блоге или вводить собственные пользовательские элементы, затем показывать их в виде вертикальной линии, горизонтальной полосы или скользящей карусели.

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

Что делает виджет Хронология #

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

Есть два способа его заполнить. Хронология публикации извлекает ваши сообщения WordPress в порядке дат, поэтому временная шкала обновляется по мере публикации. Пользовательская временная шкала позволяет добавлять элементы вручную для всего, что не является публикацией в блоге, например, даты основания или примечания к выпуску. виджет имеет три вкладки: "Содержимое для данных и макета", "Стиль для образа" и "Дополнительно" для обычных параметров Elementor.

Прежде чем начать #

• WordPress с Элементор установлен и активен.
• Мастер-аддоны для Elementor установлен и активен. Новое в плагине? Видеть руководство установки.
• Даты и записи, которые вы хотите показать, или опубликованные сообщения, если вы используете временную шкалу публикации.

Как добавить виджет Хронология #

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

Хронология публикации: извлекайте записи из своих сообщений #

Набор Тип хронологии чтобы Хронология публикации и виджет строится из ваших постов в блоге. Добивайтесь этого, когда вам нужна временная шкала новостей, релизов или статей, которая поддерживает актуальность.

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

Пользовательская временная шкала: добавьте свои собственные товары #

Набор Тип хронологии чтобы Пользовательская временная шкала и ан Предметы появляется ретранслятор. каждый элемент - это одна запись на временной шкале со своей датой, заголовком, содержанием и изображением. Использовать Добавить элемент чтобы добавить записи, значок копирования должен дублировать один, а X - удалить его.

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

Выберите стиль временной шкалы #

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

Навигация по горизонтальным временным рамкам #

Горизонтальный стиль включает a Навигация раздел, контролирующий перемещение посетителей по записям.

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

Настройки карусели #

Горизонтальная временная шкала может работать как ползунок. The Настройки карусели раздел устанавливает, как он движется, включая макет потока покрытия, который наклоняет боковые карты.

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

Стиль временной шкалы #

The Стиль вкладка разбивает временную шкалу на части, которые вы можете стилизовать самостоятельно: Макет, Изображения, Карты, Стрелка, Даты, Линия, Очкии Навигация, плюс Шаблоны (опция Pro).

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

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

Результат на странице #

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

Обычные случаи использования #

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

Советы по работе с виджетом Timeline #

• Используйте временную шкалу публикации для всего, что обновляется. Журналы новостей и выпусков остаются актуальными, а вы не прикасаетесь к виджету снова.
• Держите текст карты коротким. Лучше всего читаются заголовок и две-три строки, особенно в горизонтальном расположении.
• Сопоставьте макет с содержимым. Длинные истории подходят вертикально; несколько фаз работают хорошо горизонтально.
• Установите цвет хода строки. Другой цвет прогресса показывает, насколько далеко вниз по временной шкале прокрутил посетитель.
• Выключите Включить ссылки, если карты содержат ссылки. Ссылка внутри связанной карты не работает, поэтому выберите то или другое. Этот часто сбивает людей с толку.

Часто задаваемые вопросы #

Завершая #

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