Создание своего сайта, особенно в конструкторе сайтов это дело увлекательное и познавательное, а поэтому оно должно содержать не просто стандартные компоненты, но и иногда те, которые встречаются чуть ли не на каждом зарубежном сайте. Скорей всего путешествуя по сайтам в сети, вы заметили некий элемент дизайна сайта, который при достижении его видимости начинает отсчитывать цифры в большую или меньшую сторону.
Данный элемент дизайна обычно называется счетчик. Области его применения различны и неоднозначны, ведь с одной стороны, это просто счетчик и не несет никакой важной информации, кроме самой цифры, но с другой стороны, анимация заставляет задержать внимание посетителя на важности данной цифры. Это особенно важно, когда вам действительно есть чем гордится.
Например, вы работаете уже 10 лет, обслужили 1000 клиентов, а за это время вы открыли 50 магазинов. И все это можно указать в виде анимированных цифр. Еще вариант с обратным отсчетом, когда нужно показать достигнутый результат, например: количество выбросов уменьшилось на 10 кубов, загрязненность атмосферы уменьшено на 200м3, а до выполнения обещания осталось 30 дней.
Как видите такой маленький элемент дизайна и вроде бесполезный, оказывается иногда просто необходимым для решения поставленной задачи. А с помощью онлайн конструктора сайта, вывести на страницу счетчик не составит труда, так как есть виджет "Счетчик".
Виджет "Счетчик" предназначен для отображения цифр которые анимируются в большую или меньшую сторону, по заданным параметрам начала значения и конца. У виджета есть все необходимые настройки, такие как начальная и конечная цифра, префикс и суффикс, длительность анимации, текст заголовка и разделитель тысяч.
На изображении выше мы видим варианты счетчика, после достижения конечной цифры. Первый вариант в левом углу, это вид виджета по умолчанию. Остальные сделаны с помощью изменения настроек на вкладке содержимое и стилей на вкладке стили. Ниже рассмотрим настройки и стили виджета в конструкторе сайта чуть подробнее.
Содержимое
- Счётчик
- Начальная цифра - значение от которого начинает отсчитывать счетчик.
- Конечная цифра - значение которое достигнет счетчик в конце
- Префикс номера - текст перед цифрами счетчика
- Суффикс номера - текст после цифр счетчика
- Длительность анимации - время за которое происходит полный цикл анимации от начального до конечного значения.
- Разделитель тысяч - разделитель тысяч в виде запятой, например 1,000 это тысяча.
- Заголовок - текст под счетчиком и является его заголовком.
Стили
- Номер
Доступны свойства изменения цвета и типографики для чисел счетчика.
- Заголовок
Цвет и типографика заголовка счетчика, т.е стандартные свойства для данного типа стилевых настроек.
leo
а можно ли не вводить руками параметры а инициировать из из парамтра страницы?
Админ
Смотря какие параметры. Нажмите рядом с полем ввода иконку динамических тегов и увидите, где можно из параметров получить данные, а где нет.
leo
нажимал но там какая-то затычка бессодержательная
там к странице приделан параметр цена
и он подхватывается на родительской страничке
на которой с помощью [pagelist_ext show_content = «0» show_meta_key=»cena» meta_key=»table-1″ meta_value=»1″ child_of=»2810″ show_image=»0″]
отображается табличка по всем подчиненным страницам
но на самой странице эта цена в виде счетчика и она тупо введена еще раз
хотелось бы понять как сделать чтобы она вводилась только в одном месте а использовалась где угодно
Админ
Что значит затычка бессодержательная? Там вполне конкретные и содержательные пукнты для выбора.
То что Вы показывает это не параметры, а шорткод. А вот в виджете как раз есть возможность выбрать в качестве динамического тега, шорткод.
leo
нет там никаких пунктов для выбора
общие слова и кнопка «смотреть в действии»
ведущая куда-то по моему на рекламу elementor pro
Админ
В бесплатной версии многие функции ограничены. Значит в вашем случаи без привлечения программиста, не получится.
leo
я и есть программист ))) только погружаюсь в wp
пока еще глубоко не разобрался
надо внедрить на сайт калькулятор стоимости услуг
саму стоимость нашел где взять вот тем шорткодом
и далее нашел откуда она из базы берется
думал и вот этот момент со счетчиком поправить
чтобы цена росла из одного места
Саша
Я вообще искал про цифры, которые просто растут….от одного примеру до 500 краисво чтобы было при появлении…
Галина
Не понятно, в каких единицах измеряется время
Админ
в миллисекундах