Всем привет ! Сегодня я расскажу вам и покажу как очень просто сделать супер стильный Обратный отсчёт на сайте wordpress. Что это такое и для чего нужен обратный отсчёт ? Вообще очень часто можно встретить обратный отсчёт на интернет-магазинах, то есть можно затеять акцию и установить время окончания акции плюс обратный отсчёт. Но, применять обратный отсчёт можно абсолютно где угодно, не обязательно только для акций, включайте фантазию и действуйте ! В обратном отсчёте, который вы сможете сделать, есть не только цифровой обратный отсчёт, но и эффект кругового обратного отсчёта.

 

16-01-2016 14-01-25 16-01-2016 14-30-22

 

Вы сможете создавать однотонные и разноцветные Обратные отсчёты. 

 

 

16-01-2016 13-50-20

16-01-2016 13-47-31

 

Плагин – Easy CountDowner вы сможете установить прямо из админ-панели wordpress. Перейдите по вкладке: ПлагиныДобавить новый, введите название плагина в форму поиска, нажмите Enter, установите и активируйте плагин.

 

16-01-2016 13-19-51_mini

 

После установки и активации плагина, перейдите на страницу создания записи или страницы, там у вас в меню визуального редактора появится новая кнопка – CountDowner. Нажмите на данную кнопку, что открыть окно для настройки обратного отсчёта.

 

16-01-2016 14-45-52_mini

 

После нажатия на кнопку, у вас откроется окно для настройки Обратного отсчёта. Разберём настройки, они очень простые. Смотрите, если у вас окно отображается не полностью, то есть не видно кнопку – ОК, то нажмите на клавиатуре кнопку F11, чтобы открыть полноэкранный режим.

 

– CountDowner End Date, укажите здесь любое имя или название для обратного отсчёта.

– CountDowner End Date, укажите здесь дату окончания обратного отсчёта.

– CountDowner End Time, укажите время окончания обратного отсчёта.

Label for Days, надпись в круге, замените на Русское слово – Дни.

Label for Hours, надпись в круге, замените на Русское слово – Часы.

Label for Minutes, надпись в круге, замените на Русское слово – Минуты.

Label for Seconds, надпись в круге, замените на Русское слово – Секунды.

Select CountDowner Animation Effect, выберите эффект для кругового отсчёта. Smooth – Ровное движение, Ticks – Тики, отрывистое движение.

– Select CountDowner Theme, выберите тему для обратного отсчёта. Super Slim – Тонкая, Thick – Толстая, Fat – Жирная.

– Countdowner Circle Color, выберите цвет для основного круга, по которому идёт круговой отсчёт.

– Days Circle Color, цвет для круга Дни.

– Hours Circle Color, цвет для круга Часы.

– Minutes Circle Color, цвет для круга Минуты.

– Seconds Circle Color, цвет для круга Секунды.

 

16-01-2016 14-52-00_mini

 

После того как вы настроите обратный отсчёт, нажмите на кнопку – ОК, чтобы добавить на страницу шорткод Обратного отсчёта. На самом сайте будет отображаться готовый обратный отсчёт с вашими настройками.

 

16-01-2016 15-16-27_mini

 

Вот собственно и всё, как видите здесь всё очень просто, если разобраться. Кстати, если у вас есть Яндекс браузер, то вы можете очень просто выбрать цвета для своего Обратного отсчёта. Просто введите в поиск – html цвета, у вас появится специальный инструмент для выбора цвета, где вы можете подобрать цвет и скопировать его код.

 

16-01-2016 15-29-45_mini

 

На этом у меня всё, жду ваших комментариев, удачи вам и до новых встреч !