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

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

 

 

Установить плагин вы сможете прямо из админ-панели 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 !

 

Оцените статью