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

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

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

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

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

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

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

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

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

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

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

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

- Счётчик

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

Стили

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

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

 

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

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

  1. Я вообще искал про цифры, которые просто растут….от одного примеру до 500 краисво чтобы было при появлении…

    1. Смотря какие параметры. Нажмите рядом с полем ввода иконку динамических тегов и увидите, где можно из параметров получить данные, а где нет.

      1. нажимал но там какая-то затычка бессодержательная
        там к странице приделан параметр цена
        и он подхватывается на родительской страничке
        на которой с помощью [pagelist_ext show_content = «0» show_meta_key=»cena» meta_key=»table-1″ meta_value=»1″ child_of=»2810″ show_image=»0″]
        отображается табличка по всем подчиненным страницам
        но на самой странице эта цена в виде счетчика и она тупо введена еще раз
        хотелось бы понять как сделать чтобы она вводилась только в одном месте а использовалась где угодно

        1. Что значит затычка бессодержательная? Там вполне конкретные и содержательные пукнты для выбора.

          То что Вы показывает это не параметры, а шорткод. А вот в виджете как раз есть возможность выбрать в качестве динамического тега, шорткод.

          1. нет там никаких пунктов для выбора
            общие слова и кнопка «смотреть в действии»
            ведущая куда-то по моему на рекламу elementor pro

            1. В бесплатной версии многие функции ограничены. Значит в вашем случаи без привлечения программиста, не получится.

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

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

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

Реклама

Готовые сайты за 3000 рублей. Купить готовый сайт с конструктором это реально. А создать сайт можно дешево, быстро и просто. Купить сайт на web5x.ru

Конструктор сайтов Elementor Pro вы можете отдельно купить от 49$
Купить Elementor Pro

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