Как добавить красивую хронику событий (таймлайн) в WordPress

Хотели бы вы добавить себе на сайт красивые хроники событий? Недавно один из наших читателей спрашивал, как вывести вертикальный интерактивный таймлайн (хронику) событий. В сегодняшней статье мы покажем вам как добавить красивый таймлайн в WordPress без необходимости изменять свою тему.

timelineexample[1]

Кому и когда может понадобится таймлайн записей в WordPress

Из названия становится понятно, что таймлайн — это визуальное представление времени в виде линии.

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

timelinepreview[1]

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

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

Как добавить таймлайн в WordPress

Первым делом вам необходимо установить и активировать плагин Timeline Express. После активации переходим в Timeline Express » Add New Announcement для создания своего первого анонса или события.

newannouncement[1]

Просто указываем название для события, выбираем цвет, дату и значок. В Timeline express встроен красивый иконочный шрифт Font Awesome.

Далее, вы можете указать изображения события, которое будет использоваться в качестве баннера. Это изображением должно быть минимум 650px шириной. Ниже вы найдете редактор записей, где можно указать более подробную информацию о мероприятии. Сюда же можно добавлять видео и картинки, если понадобиться.

После добавления всей информации, можно опубликовать событие. Повторяйте процесс пока не добавите все свои мероприятия.

Выводим таймлайн на своем сайте

После того, как вы создали несколько событий, пришло время вывести их на сайте. Для этого создаем новую страницу в WordPress и задаем ей соответствующий заголовок. Добавляем шорткод [timeline-express] в редакторе записей и публикуем страницу.

Вот и все, теперь можно перейти на страницу и посмотреть на таймлайн в действии.

Мы надеемся, что эта статья помогла вам добавить хронику событий в WordPress. Также вам может быть интересна статья о том, как добавить Google calendar в WordPress.

По всем вопросам и отзывам просьба писать в комментарии ниже.

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

VN:F [1.9.22_1171]
Rating: 5.0/5 (1 vote cast)

Об авторе ADv

Занимаюсь разработкой сайтов и магазинов на WordPress. Оказываю платные помощь и консультации. Skype: advokat_b
Scroll To Top