Web5X - Готовые сайты

Блог о создании сайта, конструкторе сайтов и Elementor

заставка - счетчика конструктор сайта

Счетчик — виджет Elementor

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

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

Например, вы работаете уже 10 лет, обслужили 1000 клиентов, а за это время вы открыли 50 магазинов. И все это можно указать в виде анимированных цифр. Еще вариант с обратным отсчетом, когда нужно показать достигнутый результат, например: количество выбросов уменьшилось на 10 кубов, загрязненность атмосферы уменьшено на 200м3, а до выполнения обещания осталось 30 дней.

Как видите такой маленький элемент дизайна и вроде бесполезный, оказывается иногда просто необходимым для решения поставленной задачи. А с помощью онлайн конструктора сайта,  вывести на страницу счетчик не составит труда, так как есть виджет "Счетчик".

Виджет "Счетчик" предназначен для отображения цифр которые анимируются в большую или меньшую сторону, по заданным параметрам начала значения и конца. У виджета есть все необходимые настройки, такие как начальная и конечная цифра, префикс и суффикс, длительность анимации, текст заголовка и разделитель тысяч.

пример счетчика конструктор сайта

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

Содержимоенастройки счетчика конструктор сайта

- Счётчик

  • Начальная цифра - значение от которого начинает отсчитывать счетчик.
  • Конечная цифра - значение которое достигнет счетчик в конце
  • Префикс номера - текст перед цифрами счетчика
  • Суффикс номера - текст после цифр счетчика
  • Длительность анимации - время за которое происходит полный цикл анимации от начального до конечного значения.
  • Разделитель тысяч - разделитель тысяч в виде запятой, например 1,000 это тысяча.
  • Заголовок - текст под счетчиком и является его заголовком.

Стили

- Номер
Доступны свойства изменения цвета и типографики для чисел счетчика.

- Заголовок
Цвет и типографика заголовка счетчика, т.е стандартные свойства для данного типа стилевых настроек.

 

Список всех виджетов Elementor вы можете посмотреть на странице Виджеты

Счетчик — виджет Elementor: 2 комментария

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Блог о создании сайта, конструкторе сайтов и Elementor.
Авторские права © 2017-2020 . Все права защищены.
Готовые сайты на web5x.ru
Политика конфиденциальности