Таймер для вордпресс

Как поставить таймер обратного остчета на вордпресс, чтобы от отсчитывал дни до Нового года?

Наблюдаю, как уже многие блоггеры украшают свои сайты к Новому году. Не хотелось ставить однотипные таймеры, захотелось чего-то новенького, чтобы было не как у всех.

Я  раньше ставила различные скрипты, которые создавали праздничную обстановку на моем блоге, и о том, как это сделать, можно прочитать ЗДЕСЬ

Но однажды мне показала  посетительнца моего блога, что, когда она заходит на мой сайт, ей выскакивает окошко с предупреждением, что сайт представляет собой угрозу. И причина этой угрозы, как оказалось, была в этом стороннем скрипте, который я устанавливала, чтобы украсить свой блог гирляндами и прочими новогодними штуковинами.

Пришлось отказаться от этого сервиса, и устанавливать скрипты непосредственно на своем сайте. В ближайшее время можно добавить падающие снежинки, или добавить мигающую елочку.

У меня в прошлом году стоял таймер с Санта Клаусом, и чтобы его поставить в этом году, можно было его просто перетянуть из неактивных виджетов в сайдбар. Но, как Я написала выше, мне захотелось чего-то новенького со своей картинкой.

Поэтому я стала искать альтернативный способ выставления счетчика до Нового года и нашла плагин - Таймер обратного отсчета для вордпресс, который достаточно легко настраивается. Ну а картинку можно ставить над этим счетчиком какую захочешь.

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

Идем в Плагины - Добавить новый - в строке поиска прописываем название плагина Waiting: One-click Countdowns:

Waiting : One-click Countdowns

Нажимаете "Установить" и "Активировать". После этого находим его в левом меню и делаем необходимые настройки:

timer2

Прежде всего можно поменять название счетчика (можно оставить по умолчанию). В дальнейшем у вас может быть несколько таймеров для различных страниц, и вам надо будет понимать, к чему они относятся - к остчету дней до Нового Года или к какой-то акции, которую вы ограничили по времени.

timer3

 Сам плагин не переведен на русский язык, и для удобства настройки можно просто перевести страницу на русский язык, чтобы понимать, что где настраивается.

Таймер можно выставлять до какой-то определенной даты и времени (это лучше делать без перевода страницы), и можно просто указать время в секундах (после сохранения оно само распределится по дням, часам и минутам.

Если отчет будет идти до определенной даты, как, например, до Нового Года, то следует выбрать ориентир времени. Если выбираете wordpress, то необходимо в настройках вордпресса правильно выставить  часовой пояс.

Для выбора шрифта лучше отключить перевод и выбрать подходящий:

timer5

В моем случае я выбрала Lobster, который был уже загружен в мои шрифты на компьютере.

После этого можно переходить в настройки стилей:

timer7

После нажатия на эту кнопку, появляются две другие кнопки, и в переводе видно, что есть возможность изменить вид счетчика:

timer8

timer9

Есть 4 варианта работы счетчика, можно выбрать любой, кликнув на понравившийся, после чего можно переходить в настройки размера и цвета:

timer10

timer11

Так как я планировала поставить счетчик в сайдбар, мне пришлось уменьшать элементы по ширине и высоте. Цвета можно выбрать из предложенных, или подобрать нужный на палитре. Иногда выбранный цвет не отображается в предпросмотре, особенно, если выбирать из готовых - первый раз может выставиться сразу, но если его заменить, визуально ничего не изменится, но все настройки сохраняются.

Также настраивается и текст под цифрами (дни, часы, минуты. секунды). Они будут на анлийском языке, и при желании их можно отключить, убрав галочку с "Показать" или переставить их наверх. Сам счетчик можно отцентрировать:

timer12

В заключении можно выбрать действие после окончания счетчика - есть возможность просто скрыть обратный отсчет, или перенаправить человека по ссылке, после чего сохранить все настройки:

timer14

В верхней части страницы будут отображаться ваши счетчики - их можно создавать без ограничений.  Для того, чтобы выставить нужный счетчик на сайте, необходимо скопировать шорткод и добавить его на нужную страницу или в виджет:

timer15

Если вы хотите изменить настройки, то нажмите "Edit" напротив счетчика:

timer16

Как добавить картинку

В виджете, который мы вставляем в сайдбаре (в боковой колонке сайта) нет возможности загрузить изображение. Поэтому необходимо вставить эту картинку с помощью кода. Где его взять.

Создайте новую запись (ее потом можно удалить), добавьте нужную вам надпись, картинку, шорткод счетчика и перейдите в текстовую часть, чтобы скопировать код:

timer17

timer18

После чего переходим в сайдбар, добавляем виджет "Текст", вставляем в него скопированный код и сохраняем изменения:

timer19

После этого переходим на сайт, проверяем, чтобы все красиво смотрелось, и наслаждаемся результатом проделанной работы.

Надеюсь, что вы разберетесь с настройками этого плагина, и на ваших блогах появятся свои собственные уникальные таймеры обратного отсчета.

Может быть у вас есть более простое решение - напишите в комментариях, какими плагинами вы пользуетесь.

Если у вас получилось установить счетчик по моему способу, можете в комментариях оставить ссылки на свои блоги!

Один комментарий: Таймер обратного отсчета — счетчик до Нового года

Страница 1 из 11
Страница 1 из 11

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Авторизация на сайте
Анимированные фоны
Магазин
katalog
plus_i_minus4
turbobanner220
Как спасти от краха свой онлайн бизнес
Подпишись на новости сайта: