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

29 января, 2016 Максим Метелев 12265 просмотров Комментариев нет

Вам когда-нибудь хотелось/ надо было добавить на сайт симпатичную хронику событий? Один из моих подписчиков недавно спросил меня, как добавить вертикальную временную шкалу событий, которая при этом была бы еще интерактивной. В этой статье я расскажу, как не меняя тему оформления сайта WordPress добавить красивую хронику событий.

Пример шкалы хроники событий на сайте

Содержание

1 Кому и когда нужна в записях хроника событий?
2 Как добавить хронику событий на WordPress
3 Отображение на сайте хроники событий
- 3.1 Рекомендую ознакомиться с этими статьями:

Кому и когда нужна в записях хроника событий?

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

Еще один наглядный пример работы хроник на сайте WordPress

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

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

Как добавить хронику событий на WordPress

Для начала установите и активируйте плагин Timeline Express. Затем для того, чтобы добавить свое первое событие/мероприятие зайдите в Timeline Express » Add New Announcement.

Добавляем новое событие

В строке «New announcement» напишите название события, выберете цвет, проставьте дату и установите иконку. Плагин идет с красивым набором иконок, поэтому есть что выбрать.

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

Когда вы все закончите, щелкните по «Publish» (Опубликовать). Повторите процесс для каждого нового события.

Отображение на сайте хроники событий

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

Вот и все! Можете любоваться своей хроникой событий!

Надеюсь, эта статья была вам интересна и полезна. Возможно, вам также пригодится информация,