Таймер обратного отсчета на странице. Часть 2 из 3
В предыдущем уроке серии использовался плагин jQuery для установки таймера обратного отсчета. Но что делать, если знаний для использования JavaScript недостаточно, а установить таймер обратного отсчета на своем блоге или веб сайте, который работает под WordPress или Joomla, очень нужно? Ответ прост - использовать плагины.
Для WordPress можно найти несколько плагинов, которые откроют возможность использовать таймер обратного счета на страницах или записях. В данном уроке рассматривается плагин Easy Timer. Он прост в установке, настройке и русифицирован.
Установка
Скачиваем архив с плагином. Распаковываем его содержимое (папка easy-timer) в каталог веб сайта \wp-content\plugins
. Затем переходим в панель инструментов с сайта с правами администратора. На вкладке "Плагины" находим Easy Timer и активируем его.
Внимание. Установите нужное значение "Часовой пояс" для вашего сайта, чтобы значение времени соответствовало вашему часовому поясу.
Использование
Теперь надо перейти в редактирование страницы/записи/виджета и там, где планируется использовать таймер вставить прямо в текст следующий код для отсчета времени до определенной даты:
[countdown date=YYYY/MM/DD-hh:mm:ss]
Текст сообщения о времени отсчета [timer] [after] Сообщение, которое будет выводиться после завершения отсчета.
[/countdown]
YYYY - год, MM - месяц, DD - число, hh - час, mm - минуты, ss - секунды. Вместо кода [timer] будет выводиться время в формате, определенном в настройках плагина. Текст между кодами [after] и [/countdown] будет выводиться только после достижения установленного времени (мало того, он даже не будет грузиться в браузер посетителя). В тексте сообщений можно использовать разрешенные HTML теги и форматировать его визуальным редактором так, как нужно.
При загрузке страницы код будет преобразовываться в счетчик. Плагин автоматически распознает язык выводимой страницы страницы и используют термины для счетчика на соответствующем языке:
Для установки формата выводимого значения счетчика в панели инструментов нужно перейти на вкладку "Параметры" на страницу "Easy Timer" и выбрать формат значений в выпадающем списке:
Для формата времени таймера можно выбрать следующие коды (их можно использовать и в тексте сообщений вместо [timer]):
[dhmstimer] - дни, часы, минуты и секунды;
[dhmtimer] - дни, часы и минуты;
[dhtimer] - дни и часы; [dtimer] - дни;
[hmstimer] - часы, минуты и секунды;
[hmtimer] - часы и минуты;
[htimer] - часы; [mstimer] - минуты и секунды;
[mtimer] - минуты; [stimer] - секунды.
Дополнительные возможности плагина
Можно использовать таймер для отсчета времени после определенной даты
[countup date=YYYY/MM/DD-hh:mm:ss] Текст сообщения после указанного времени! [before] Сообщение, которое выводится до указанной даты. [/countup]
Сообщение будет выводиться после наступления указанной даты. Текст между кодами [before] и [/countup] будет выводиться до установленной даты.
Можно использовать несколько дат в счетчике. Даты разделяются символом //. При этом сообщения будут менять в соответствии с достижением установленных дат:
[countdown date=2011/12/25//2012/01/01] Осталось [timer] до Рождества у буржуинов![after] Осталось [timer] до Нового 2012 года![after] С наступившим новым годом 2012![/countdown]
Для счетчика можно использовать время относительно момента загрузки страницы.
[countdown date=+d:h:m:s] Осталось [timer]![after]Подсчет окончен! [/countdown]
Также плагин дает возможность выводить время (код [clock]), день в году (код [yearday]), номер недели (код [yearweek]), месяц (код [month]), день месяца (код [monthday]). Код надо вставлять в текст страницы или записи, там где нужно вывести соответствующее значение.
На одной странице можно устанавливать несколько таймеров.
Заключение.
Плагин Easy Timer является отличным инструментом для подсчета времени в различных ситуациях. Однако полное его описание выходит за рамки темы урока. А приведенной информации вполне достаточно для организации обратного отсчета и проведения различных акций на его основе.
В следующем уроке будет представлен таймер для Joomla.
Источник: http://feedproxy.google.com/~r/ruseller/CdHX/~3/N31a2_cHZv4/lessons.php
Дайджест новых статей по интернет-маркетингу на ваш email
Новые статьи и публикации
- 2024-03-13 » Стратегии SEO на 2024 год
- 2024-03-13 » Как использовать анимацию с помощью JavaScript-библиотеки GSAP
- 2024-03-13 » Использование GSAP 3 для веб-анимации
- 2024-03-13 » Cогласование топографической съёмки с эксплуатирующими организациями
- 2024-02-19 » Теряются лиды? Как настроить сквозную аналитику
- 2024-02-17 » Мерч и IT: на что обратить внимание в 2024 году
- 2024-02-16 » Копируем с RSync: основные примеры синхронизации файлов
- 2024-02-15 » Лучшие noCode AI платформы для создания диалоговых ботов
- 2024-02-14 » Факторы ранжирования Google 2024 — исследование Semrush
- 2024-02-12 » Перенос сайта на другой хостинг
- 2024-02-05 » В России сформирован реестр хостинг-провайдеров
- 2024-02-04 » Использование SSH для подключения к удаленному серверу Ubuntu
- 2024-02-03 » Подключаемся к серверу за NAT при помощи туннеля SSH. Простая и понятная инструкция
- 2024-02-02 » Настройка CI/CD для Gitlab-репозитория: схемы и гайд по шагам
- 2024-02-01 » GitLab CI Pipeline. Запуск сценария через SSH на удаленном сервере
- 2024-01-29 » Introduction to GitLab’s CI/CD for Continuous Deployments
- 2024-01-26 » Настройка GitLab CI/CD
- 2024-01-25 » Установка shell gitlab runner
- 2024-01-25 » Установка и регистрация gitlab-runner в docker контейнере
- 2024-01-25 » Переменные Gitlab-Ci
- 2024-01-25 » Настройка CI/CD в GitLab для синхронизации проекта с веб-серверами
- 2024-01-25 » Копирование файлов scp
- 2024-01-21 » Бездепозитные бонусы от казино: обзор условий и правил использования
- 2024-01-18 » Современная обработка ошибок в PHP
- 2024-01-18 » Пример шаблона проектирования MVC в PHP
- 2024-01-18 » Мифический человеко-DevOps
- 2023-12-28 » Google подвел итоги 2023 года в поиске
- 2023-12-28 » 5 ошибок отдела продаж, из-за которых вы теряете клиентов
- 2023-12-28 » Американский суд признал монополию Google на рынках дистрибуции Android-приложений
- 2023-12-28 » Хостинг-провайдер GoDaddy перестанет оказывать услуги пользователям из России
Не было еще ни одного великого ума без примеси безумия. Аристотель |
Мы создаем сайты, которые работают! Профессионально обслуживаем и продвигаем их , а также по всей России и ближнему зарубежью с 2006 года!
Как мы работаем
Заявка
Позвоните или оставьте заявку на сайте.
Консультация
Обсуждаем что именно Вам нужно и помогаем определить как это лучше сделать!
Договор
Заключаем договор на оказание услуг, в котором прописаны условия и обязанности обеих сторон.
Выполнение работ
Непосредственно оказание требующихся услуг и работ по вашему заданию.
Поддержка
Сдача выполненых работ, последующие корректировки и поддержка при необходимости.