[contact-form-7 id="24085" title="Feedback RU"]

Новые шаблоны

Monstroid. Как добавить счётчик обратного отсчёта

Добрый день! Сегодня мы покажем Вам, как работать с шорткодом счётчика обратного отсчёта в Monstroid и других шаблонах CherryFramework 4.

Для начала, перейдите в окно редактирования страницы или записи, найдите то место, куда Вы хотите добавить этот шорткод, наведите туда курсор мышки и нажмите на кнопку «Вставить шорткод» (Insert shortcode).

Monstroid._How_to_add_a_countdown_1

Затем выберите «Счётчик обратного отсчёта» из элементов списка.

Monstroid._How_to_add_a_countdown_2

Здесь Вы увидите список настроек шорткода.

Monstroid._How_to_add_a_countdown_3
Monstroid._How_to_add_a_countdown_4

Давайте кратко рассмотрим каждую из доступных настроек.

  • Дата начала и окончания отсчёта (Start date and Countdown date) – это просто. Вы просто задаёте дату начала и окончания отсчёта, и счётчик будет отображать количество времени, которое останется до определённого события.

  • Часы отсчёта (Countdown hours), Минуты отсчёта (Countdown minutes) и Секунды отсчёта (Countdown seconds) – Вы можете задать время обратного отсчёта вручную, но если Вы задали даты начала и окончания отсчёта, это не обязательно. Вы можете оставить эти поля пустыми.

  • Круг (Circle) – если эта настройка включена, ваш счётчик обратного отсчёта будет выглядеть как кружки с полосами прогресса.

  • Отображать года, Отображать месяцы, Отображать недели, Отображать дни, Отображать часы, Отображать минуты, Отображать секунды (Show year, Show month, Show week, Show day, Show hour, Show minute, Show second) – здесь Вы можете выбрать, как много кружков отображать. Каждый из них представляет единицу времени.

  • Размер элемента счётчика обратного отсчёта (Countdown item size) – эта настройка определяет размер контейнера элемента счётчика обратного отсчёта. Стандартное значение — 100 пикселей.

  • Ширина штриха (Stroke width) – другой параметр CSS, который определяет ширину штриха, который определяет фрагмент прошедшего времени.

  • Класс (Class) – полезное поле, для добавления пользовательских классов HTML, так чтобы Вы могли пользовательские правила CSS к этому классу и настроить так, чтобы счётчик обратного отсчёта хорошо выглядел.

Теперь, давайте ознакомимся с примером этого шорткода с объявленными опциями.

Давайте посмотрим, как он будет отображаться на сайте.

Monstroid._How_to_add_a_countdown_5

Вот и всё. Теперь Вы знаете, как добавить счётчик обратного отсчёта в Monstroid и других шаблонах CherryFramework 4.

Вы можете также ознакомиться с детальным видео-туториалом ниже:

Monstroid. Как добавить счетчик обратного отсчёта

Также, не забудьте ознакомиться с нашими новыми шаблонами WordPress.