Стильный виджет погоды на сайт WordPress

Прибамбасы для сайта

Привет! С помощью плагина – Awesome Weather Widget вы сможете добавить на свой сайт wordpress стильный виджет погоды. Вы сможете выбирать для какого города должна отображаться погода в виджете. Можно установить свой фон для виджета в виде цвета или изображения, есть изображения по умолчанию. Можно указать цвет текста в виджете, можно выбрать на сколько дней будет показываться погода, от 1 до 5 дней. Есть два стиля виджета на выбор.

 

05-03-2016 13-44-38

 

Установить плагин вы сможете прямо из админ-панели wordpress. Перейдите на страницу: ПлагиныДобавить новый, введите название плагина в форму поиска, нажмите Enter, установите и активируйте плагин.

 

05-03-2016 14-02-20

 

После установки и активации плагина, перейдите на страницу: НастройкиAwesome Weather.

 

05-03-2016 14-15-31

 

Чтобы погода отображалась в виджете вам нужно получить бесплатный API ключ, для этого нажмите на вкладку – Получить APPID.

 

05-03-2016 13-30-04

 

Далее, на открывшейся странице нажмите на кнопку – Зарегистрироваться.

 

05-03-2016 13-24-49

 

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

 

05-03-2016 13-25-59

 

После успешной регистрации вам покажут вам будет доступен ваш API-ключ. Скопируйте ключ.

 

05-03-2016 13-27-36

 

Снова зайдите на страницу настроек плагина, введите в поле OpenWeatherMap APPID API ключ, который вы получили. Нажмите на кнопку Сохранить изменения. Показ ошибок оставьте по умолчанию.

 

05-03-2016 13-30-36

 

После сохранения настроек, перейдите на страницу: Внешний видВиджеты. Здесь у вас появится новый виджет – Awesome Weather Widget. Перетащите виджет в сайдбар, чтобы настроить его настроить.

 

– Поиск вашего местоположения, укажите здесь название города, для которого будет отображаться погода.

– OpenWeatherMap City ID, идентификатор города появится автоматически после указания города.

– Свой заголовок, здесь можно указать свой заголовок города, например вместо LONDON можно указать Лондон.

– Единицы, единица измерения погоды, выберите – C.

Размер, можно выбрать размер виджета, есть два варианта, в начале записи показано чем они отличаются.

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

– Фоновое изображение, можете указать URL своего изображения для фона виджета, либо поставьте галочку, чтобы отображалось изображение по умолчанию.

– Цвет фона, можно указать html код цвета фона.

– Цвет текста, можно выбрать цвет для текста в виджете.

– Скрыть Текущее состояние статистики, если поставите галочку, то не будет отображаться статистика типа – ветер, влажность и т.д.

– Hide Weather Attribution, поставьте галочку, чтобы скрыть текст внизу виджета.

– Link to Extended Forecast, если поставите галочку, то внизу виджета будет отображаться ссылка на сайт автора плагина, где отображается расширенный прогноз погоды.

– Титул виджета, заголовок виджета, отображается в самом верху. Сохраните настройки.

 

05-03-2016 14-37-58_mini

 

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

 

05-03-2016 15-10-25

 

Стильный адаптивный слайдер последних записей WordPress!

 

Остались вопросы? Напиши комментарий! Удачи!

 

info-effect.ru
Добавить комментарий для Илья Журавлёв Отменить ответ

Имя и Email указывать не обязательно. Чтобы получить ответ на свою электронную почту, укажите свой Email.

  1. Andrew

    Плагин отображает тот город которий установит разработчик или тот город откуда посетитель?

    Ответить
    1. Admin автор

      Город можно указать в настройках виджета. Смотрите внимательно.

      Ответить
  2. Альберт

    Классный виджет, спасибо за статью, все подробно описали, молодец!

    Ответить
  3. Светлана

    Город можно указать в настройках виджета. Я указываю, но вот, не находит. Что не так?

    Ответить
    1. Admin автор

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

      Ответить
    2. Admin автор

      Вы создавали API ключ?

      Ответить
  4. Аноним

    хороший виджет. мне нравится.

    Ответить
  5. Татьяна

    Здравствуйте,Илья. А есть такой плагин,чтобы показывал погоду сразу во всех городах в Мире,по выбору? Ну например,для туристов. Когда они планируют путешествие и им нужно чётко понимать какая погода на различных курортах. Может быть даже картой , с изображением температуры?

    Ответить
    1. Admin автор

      Добрый день. Да, есть такой плагин Weather Map Widget

      Ответить