Стильный плагин Обратный отсчёт на сайт WordPress !

Всем привет ! Сегодня я расскажу вам и покажу как очень просто сделать супер стильный Обратный отсчёт на сайте 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

 

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

 


Оцените статью