Web5X Блог

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

Web5X Блог

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

Поиск по блогу

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

Обновлено: 09.03.2018
10 комментариев
заставка - счетчика конструктор сайта

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

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

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

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

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

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

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

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

- Счётчик

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

Стили

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

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

 

Список всех виджетов Elementor вы можете посмотреть на странице Виджеты
Остались вопросы?
Листай ниже или клик по ссылке выше. Там можно задать вопрос или почитать комментарии других.
Написать комментарий

10 комментариев

  • а можно ли не вводить руками параметры а инициировать из из парамтра страницы?

    • A

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

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

        • A

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

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

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

            • A

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

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

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

  • Не понятно, в каких единицах измеряется время

Добавить комментарий для leo (Отменить ответ)