Таймер обратного отсчета на странице. Часть 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-11-26 » Капитан грузового судна, или Как начать использовать Docker в своих проектах
- 2024-11-26 » Обеспечение безопасности ваших веб-приложений с помощью PHP OOP и PDO
- 2024-11-22 » Ошибки в Яндекс Вебмастере: как найти и исправить
- 2024-11-22 » Ошибки в Яндекс Вебмастере: как найти и исправить
- 2024-11-15 » Перенос сайта на WordPress с одного домена на другой
- 2024-11-08 » OSPanel 6: быстрый старт
- 2024-11-08 » Как установить PhpMyAdmin в Open Server Panel
- 2024-09-30 » Как быстро запустить Laravel на Windows
- 2024-09-25 » Next.js
- 2024-09-05 » OpenAI рассказал, как запретить ChatGPT использовать содержимое сайта для обучения
- 2024-08-28 » Чек-лист: как увеличить конверсию интернет-магазина на примере спортпита
- 2024-08-01 » WebSocket
- 2024-07-26 » Интеграция с Яндекс Еда
- 2024-07-26 » Интеграция с Эквайринг
- 2024-07-26 » Интеграция с СДЕК
- 2024-07-26 » Интеграция с Битрикс-24
- 2024-07-26 » Интеграция с Travelline
- 2024-07-26 » Интеграция с Iiko
- 2024-07-26 » Интеграция с Delivery Club
- 2024-07-26 » Интеграция с CRM
- 2024-07-26 » Интеграция с 1C-Бухгалтерия
- 2024-07-24 » Что такое сторителлинг: техники и примеры
- 2024-07-17 » Ошибка 404: что это такое и как ее использовать для бизнеса
- 2024-07-03 » Размещайте прайс-листы на FarPost.ru и продавайте товары быстро и выгодно
- 2024-07-01 » Профилирование кода в PHP
- 2024-06-28 » Изучаем ABC/XYZ-анализ: что это такое и какие решения с помощью него принимают
- 2024-06-17 » Зачем вам знать потребности клиента
- 2024-06-11 » Что нового в работе Яндекс Метрики: полный обзор обновления
- 2024-06-11 » Поведенческие факторы ранжирования в Яндексе
- 2024-06-11 » Скорость загрузки сайта: почему это важно и как влияет на ранжирование
Все мы сидим в сточной канаве, но некоторые при этом смотрят на звезды Уайльд Оскар - (1854-1900) - английский писатель |
Мы создаем сайты, которые работают! Профессионально обслуживаем и продвигаем их , а также по всей России и ближнему зарубежью с 2006 года!
Как мы работаем
Заявка
Позвоните или оставьте заявку на сайте.
Консультация
Обсуждаем что именно Вам нужно и помогаем определить как это лучше сделать!
Договор
Заключаем договор на оказание услуг, в котором прописаны условия и обязанности обеих сторон.
Выполнение работ
Непосредственно оказание требующихся услуг и работ по вашему заданию.
Поддержка
Сдача выполненых работ, последующие корректировки и поддержка при необходимости.