Что и Как

Стильный виджет погоды на сайт 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 !

 


СМОТРИ ТАКЖЕ