Виджет счетчика элементаров: бесплатный многоколоночный счетчик номеров

Counter Up - это бесплатный виджет Master Addons, который показывает несколько счетчиков анимированных чисел в одной сетке. Каждый элемент получает свой собственный номер, префикс, суффикс, заголовок, значок или изображение и цвет карты, а настройка "Колонки" размещает элементы в 1, 2, 3, 4 или 6 столбцах на устройство. Числа отсчитываются от нуля в течение примерно двух секунд. В основном он используется для статистических диапазонов, таких как обслуживаемые клиенты, доставляемые проекты или годы работы.

Как добавить счетчик чисел в Elementor

Counter Up поставляется с бесплатным плагином, а один виджет содержит всю строку статистики.

  1. Установите главные дополнения для Elementor и проверьте это Встречный включается в настройках виджета Master Addons.
  2. Отредактируйте свою страницу с помощью Elementor, найдите на панели Встречный и перетащите его в раздел.
  3. Открытый Контент Counter Up. Виджет начинается с четырех образцов: "Счастливые клиенты", "Проекты завершены", "Чашки кофе" и "Выигранные награды".
  4. Для каждого элемента установите Тип (Нет, значок или изображение), Название и Номерплюс любой Префикс номера или Число Суффикс например, $ или K+.
  5. Выбирать Столбцы для настольных компьютеров, планшетов и мобильных устройств и a Позиция контента за титул.
  6. Украсьте карты, значки, цифры и заголовки в Стиль вкладка, затем обновите страницу.
Список элементов счетчика и выпадающие столбцы в Elementor рядом с тремя фотокартами, на которых изображены 200, 10 000 и 300

Несколько счетчиков в одной адаптивной сетке

Каждый счетчик - это элемент в Предметы список, поэтому один виджет может содержать полный ряд характеристик. Столбцы предлагает 1, 2, 3, 4 или 6 столбцов и может быть установлен на устройство. по умолчанию 4 на рабочем столе, 2 на планшете и 1 на мобильном. Позиция контента помещает заголовок выше, ниже, слева или справа от номера.

  • Предметы: добавляйте, дублируйте или удаляйте счетчики в списке. Каждый сохраняет свои настройки.
  • Столбцы: 1, 2, 3, 4 или 6. Варианта с 5 столбцами не существует.
  • Цвет карты на товар: the Фон поле раскрашивает одну карту, поэтому выделяется статистика заголовка.

Как работает Count-Up Animation

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

  • Номер: любое значение, включая десятичные дроби, такие как 7,5.
  • Префикс и суффикс: свободный текст с обеих сторон, поэтому 120 с суффиксом M+ читается как 120M+.
  • Фиксированный момент: нет настройки продолжительности, начального числа или тысячи разделителей. Суффикс сохраняет короткие большие числа.
Панели "Счетчик вверх по стилю контента" и "Настройки значков" рядом с картами из темного бирюзового цвета, показывающие 180+, 320+ и 7+ с кружками белых значков
Элемент Counter Up со значком, заголовком, а также суффиксом и красным фоном рядом с темным героем с четырьмя картами статистики

Стилизация карт, значков, номеров и названий

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

  • Настройки значков: Положение значка/изображения (слева, вверху или справа), размер значка и круг значка или размер изображения, каждый от 6 до 300px.
  • Иконки и изображения: выберите значок из любой включенной библиотеки или загрузите изображение для каждого элемента. Цвета значков используются всеми элементами.
  • Глобальные стили: типографика чисел и заголовков использует глобальные шрифты и цвета Elementor, пока вы их не измените.

Счетчик Элементора против счетчика главных дополнений

У Free Elementor есть собственный виджет Counter (отмечен на Elementor 4.2.4).Он показывает одно число на виджет, поэтому строка из четырех характеристик означает четыре виджета в контейнере.Counter Up помещает всю строку в один виджет.

ОсобенностьЭлементор СчетчикМастер Аддоны Встречный
ЦенаСвободный (ядро Элементатора)Бесплатно (Мастер-аддоны)
Счетчики на виджетОдинСтолько предметов, сколько вы добавите
МакетРасположите виджеты в контейнерахСтолбцы: 1, 2, 3, 4 или 6 на устройство
Значок или изображениеНетЗа штуку
Укладка картыТолько номер и текст заголовкаФон, граница, радиус, тень, цвет каждого предмета
Начальный номерДаВсегда 0
Продолжительность анимацииДа, в мс (по умолчанию 2000)Исправлено примерно через 2 секунды
Тысяча сепараторДа, 5 стилейНет
Когда это считаетсяКогда число прокручивается в поле зренияОдин раз, при загрузке страницы
Тег заголовка HTMLH1-H6, div, span, pФиксированный
Текстовый штрих и теньДаНет

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

Связанные бесплатные виджеты: Прогресс Барс, Таймер обратного отсчета и Хронология.

Просмотрщик шаблонов
Фейсбук
Твиттер
WhatsApp
Копировать ссылку
Купить сейчас
Встречный
Встречный
Цифровой опыт Counter Up
Цифровой опыт Counter Up
Отзывы клиентов
Отзывы клиентов
Счетчик с картой значков
Счетчик с картой значков
Метрики темной платформы
Метрики темной платформы
Редакция Рисунок Строки
Редакция Рисунок Строки
Особенность Stat Split
Особенность Stat Split
Статы временной шкалы значков
Статы временной шкалы значков
Строки карты прогресса
Строки карты прогресса
Фестивальная упаковка Бенто
Фестивальная упаковка Бенто
Разделенная полоса показателей
Разделенная полоса показателей
Поэтапные показатели API
Поэтапные показатели API

Часто задаваемые вопросы для встречного ответа

Узнайте о наиболее часто задаваемых пользователями запросах о Counter Up и найдите ответы в одном месте.
Виджет Counter Up бесплатен?

Да. Counter Up является частью бесплатного плагина Master Addons, и каждая настройка, описанная на этой странице, работает без Pro.

Когда страница загружается. каждое число отсчитывает от нуля около двух секунд, один раз. Он не ждет, пока счетчик прокрутится в поле зрения и не воспроизводит, поэтому поместите его туда, где посетители увидят его раньше.

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

Сколько жетонов может сидеть в один ряд?

Установите столбцы на 1, 2, 3, 4 или 6. Вы можете выбрать другое значение для настольного компьютера, планшета и мобильного телефона, а значения по умолчанию - 4, 2 и 1.

Нет. счетчик всегда начинается с 0 и не имеет настройки продолжительности. если вам нужен собственный стартовый номер, виджет счетчик элементаров имеет поле "Начальный номер".

Не в текущей версии.Title, Number, Number Prefix и Number Suffix являются простыми полями, поэтому значения вводятся вручную.

Виджеты и расширения трендовых элементов

Создавайте сложные веб-сайты за меньшее время.

Расширение Master Addons Glassmorphism для Elementor: карты из матового стекла с элементом управления значением размытия, установленным в 20px

Стекломорфизм

Главная Бесплатный элемент Расширение стекломорфизма: эффект матового стекла в одном переключении Стекломорфизм - это матовый...
Посмотреть детали
Расширение Master Addons Container Extras для Elementor: контейнер с максимальной шириной 1400px, с регуляторами максимальной ширины, максимальной высоты, минимальной ширины и минимальной высоты

Дополнительные контейнеры

Главная Элементор Контейнер Максимальная ширина и максимальная высота Контролирует контейнер Дополнительно является бесплатным Мастер...
Посмотреть детали
Расширение Master Addons Patterns для Elementor: герой со стилем Purple Gradient Grid Left, еще тремя стилями шаблонов и панелью Enable Pattern

Шаблоны

Главная 70+ бесплатных шаблонов фона элементара - это бесплатное расширение Master Addons, которое добавляет...
Посмотреть детали
Расширение Master Addons Post/Page Duplicator для Elementor: ссылка на строку MA Duplicator в списке WordPress Pages, создающая целевую страницу - [Дублированный № 128] черновик

Дубликатор сообщений/страниц

Главная Дублировать страницы Элементор и сообщения в один клик Пост/Пейдж Дупликатор является бесплатным Мастер...
Посмотреть детали
Расширение Master Addons Reading Progress Bar для Elementor: синяя полоса на 42% заполнена в верхней части страницы политики конфиденциальности с настройками включения, положения, высоты и цвета заполнения

Прогресс-бар чтения

Главная Добавить панель прогресса чтения в WordPress (Элементор) Панель прогресса чтения бесплатна...
Посмотреть детали