Как добавить анимированный таймер отсчета в WordPress

Хотели бы вы добавить анимированный таймер отсчета в WordPress? Будь то событие, запуск продукта или праздничная распродажа, таймер всегда визуализирует срочность и вынуждает пользователей томиться в ожидании. В этой статье мы покажем вам как добавить анимированный таймер отсчета в WordPress.

coutdowntimerwp[1]

Первым делом вам потребуется установить и активировать плагин Countdown Timer Ultimate.

После активации переходим на страницу Countdown Timer » Add Timer для создания своего первого таймера.

addcounter[1]

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

Далее, нажимаем на ‘Expiry Date’ для того, чтобы выбрать дату и время, когда срок таймера истечет.

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

colorsanimation[1]

Если пожелаете, то можно убрать отметки с подложки фона, и тогда соответствующий кружок не будет отображаться. Например, если снять отметку с дней, тогда они не отразятся в таймере.

Не забудьте нажать на кнопку сохранения изменений.

Выводим анимированный таймер отсчета в WordPress

Теперь, когда таймеры созданы, давайте же добавим их на свой сайт.

Сначала нажимаем на меню Countdown Timer. Там вы увидите список уже созданных таймеров.

getshortcode[1]

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

Нажимаем на кнопку публикации для сохранения изменений.

Вот и все, теперь переходим на сайт и наблюдаем таймер в действии.

countdown[1]

Мы надеемся, что эта статья помогла вам добавить анимированный таймер отсчета в WordPress.

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

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

VN:F [1.9.22_1171]
Rating: 3.0/5 (6 votes cast)

Об авторе ADv

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