Таймер обратного отсчета на странице. Часть 2 из 3

В предыдущем уроке серии использовался плагин jQuery для установки таймера обратного отсчета. Но что делать, если знаний для использования JavaScript недостаточно, а установить таймер обратного отсчета на своем блоге или веб сайте, который работает под WordPress или Joomla, очень нужно? Ответ прост - использовать плагины.

WordPress

Для WordPress можно найти несколько плагинов, которые откроют возможность использовать таймер обратного счета на страницах или записях. В данном уроке рассматривается плагин Easy Timer. Он прост в установке, настройке и русифицирован.

Установка

Скачиваем архив с плагином. Распаковываем его содержимое (папка easy-timer) в каталог веб сайта \wp-content\plugins. Затем переходим в панель инструментов с сайта с правами администратора. На вкладке "Плагины" находим Easy Timer и активируем его.

Активация плагина 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

При загрузке страницы код будет преобразовываться в счетчик. Плагин автоматически распознает язык выводимой страницы страницы и используют термины для счетчика на соответствующем языке:

Вывод счетчика на странице

Для установки формата выводимого значения счетчика в панели инструментов нужно перейти на вкладку "Параметры" на страницу "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.

Данный урок подготовлен для вас командой сайта ruseller.com
Источник урока: www.ruseller.com
Автор: Сергей Фастунов
Урок создан: 14 Июня 2011
Просмотров: 41045
Правила перепечатки


5 последних уроков рубрики "Wordpress"

^ Наверх ^