Вы ищете способы отобразить анимированный счетчик чисел на вашем сайте WordPress?
Показ счета чисел помогает привлечь внимание посетителей и позволяет отображать на сайте основные вехи, довольных клиентов, успешно завершенные проекты и другие важные статистические данные.
В этой статье мы покажем вам, как показать анимацию подсчета чисел в WordPress.
Зачем добавлять анимацию подсчета чисел в WordPress?
Отображение счетчика числа на вашем сайте WordPress — это отличный способ привлечь пользователей и привлечь их внимание.
Вы можете использовать его для отображения важной статистики на вашем сайте, например, количества ежемесячных посетителей или количества статей в блоге WordPress.
Аналогичным образом вы можете использовать анимированный счетчик чисел для отображения завершенных проектов, количества довольных клиентов, количества клиентов, этапов, достигнутых вашим бизнесом, и другой важной информации.
Например, OptinMonster использует счетчик чисел, чтобы показать оптимизацию ежемесячных сессий посетителей.
Добавление и настройка счетчика чисел в WordPress обычно требует редактирования кода. Это может быть сложно для новичков, которые не знают, как писать код.
Итак, давайте посмотрим, как вы можете показать анимированный счетчик чисел в WordPress. Мы рассмотрим 2 простых метода с использованием премиум-конструктора сайтов и бесплатного плагина.
Вы можете нажать на ссылки ниже, чтобы перейти к интересующему вас разделу.
- Метод 1: Показать анимацию подсчета чисел с помощью SeedProd
- Метод 2: Показать анимацию подсчета чисел с помощью счетчика чисел
Метод 1: Показать анимацию подсчета чисел с помощью SeedProd
Лучший способ добавить анимированный счетчик чисел в WordPress — использовать SeedProd. Это лучший конструктор сайтов WordPress, который предлагает перетаскиваемый конструктор страниц и множество вариантов настройки.
В этом руководстве мы будем использовать версию SeedProd Pro, поскольку она включает в себя расширенные блоки и позволяет добавить счетчик. Существует также версия SeedProd Lite, которую вы можете попробовать бесплатно.
Первое, что вам нужно будет сделать, это установить и активировать SeedProd. Если вам нужна помощь, то ознакомьтесь с нашим руководством по установке плагина WordPress.
После активации SeedProd попросит вас ввести лицензионный ключ. Вы можете найти лицензионный ключ в вашей учетной записи и в электронном письме с подтверждением покупки.
Далее вам нужно перейти по адресу SeedProd » Посадочные страницы из вашей панели администратора WordPress.
SeedProd позволяет создавать профессионально оформленные пользовательские целевые страницы, включая страницу скорого появления, страницу режима обслуживания, страницу входа и страницу 404.
Далее нажмите кнопку «Добавить новую посадочную страницу».
После этого вы можете выбрать шаблон для вашей целевой страницы и показать анимированный счетчик чисел.
Просто наведите курсор на шаблон и нажмите оранжевую кнопку проверки.
Теперь откроется всплывающее окно. Просто введите название страницы и ее URL.
После этого нажмите кнопку «Сохранить и начать редактирование страницы».
После этого запустится конструктор SeedProd с функцией drag-and-drop.
Далее вы можете редактировать шаблон страницы, добавляя различные блоки или нажимая на существующие элементы на странице.
Чтобы добавить анимированный счетчик чисел, просто перетащите блок «Счетчик» из меню слева и поместите его на шаблон.
После этого вы можете выбрать блок «Счетчик», чтобы настроить его дальше.
Например, есть возможность изменить начальное и конечное число в счетчике, ввести префикс и суффикс числа, а также отредактировать заголовок.
Далее, вы можете переключиться на вкладку ‘Advanced’ в настройках блока счетчика слева.
Здесь вы найдете больше возможностей для изменения стиля, цвета, интервала, шрифта и т.д. для вашего блока «Счетчик».
После этого вы можете перейти на вкладку «Настройки страницы» в верхней части страницы.
Теперь нажмите на переключатель «Статус страницы» и измените его на Опубликовать.
Затем нажмите кнопку «Сохранить» вверху и выйдите из конструктора целевых страниц.
Чтобы увидеть анимированный счетчик чисел в действии, зайдите на свой сайт.
Метод 2: Показать анимацию подсчета числа с помощью счетчика числа
Другой способ добавить анимацию подсчета чисел в WordPress — использовать плагин Counter Number.
Это бесплатный плагин WordPress, который прост в использовании и позволяет создавать простые счетчики чисел для вашего сайта.
Во-первых, вам нужно установить и активировать плагин Counter Number. Для получения более подробной информации, пожалуйста, ознакомьтесь с нашим руководством по установке плагина WordPress.
После активации вы можете перейти на страницу Количество счетчиков » Все счетчики на панели управления WordPress и нажмите кнопку «Добавить новый счетчик».
После этого вы можете ввести название для вашего счетчика.
В бесплатной версии вы можете выбрать только простой шаблон дизайна. Если вам нужно больше шаблонов и возможностей настройки, то мы предлагаем использовать SeedProd.
Далее вы можете добавить информацию о номере счетчика. Есть возможность отредактировать заголовок счетчика, выбрать иконку и ввести значение номера счетчика.
Вы можете добавить столько номеров счетчиков, сколько хотите, нажав кнопку ‘Добавить новый счетчик’ внизу.
Кроме того, вы получите дополнительные возможности настройки на панели справа от вас.
Например, плагин позволяет изменить цвет заголовка счетчика, цвет цифр, размер значка, размер шрифта, семейство шрифтов и многое другое.
После внесения изменений, прокрутите страницу назад к верху и опубликуйте счетчик.
Далее, вы можете перейти к Числа счетчиков » Все счетчики из вашей приборной панели WordPress.
Далее скопируйте шорткод счетчика. Это будет выглядеть примерно так: [COUNTER_NUMBER >
После этого вы можете разместить анимированный счетчик чисел в любом месте вашего сайта, от постов и страниц до боковых панелей.
Просто добавьте новый пост или страницу или отредактируйте существующую. Как только вы окажетесь в редакторе контента, просто нажмите на знак ‘+’ и добавьте блок Shortcode.
Далее, вы можете вставить шорткод номера счетчика в блок.
Отсюда, предварительно просмотрите и опубликуйте свою страницу или пост, чтобы увидеть анимированный счетчик чисел в действии.
Надеемся, эта статья помогла вам узнать, как показать анимацию счета чисел в WordPress. Вы также можете посмотреть наше полное руководство по безопасности WordPress и подборку лучших плагинов WordPress для сайтов малого бизнеса.
Источник: www.wpbeginner.com