Стильный виджет погоды на сайт 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
Стильный виджет погоды на сайт wordpress обновлено: Май 11, 2018 автором: Илья Журавлёв

3 комментария

  • Andrew 18.02.2018 Ответить

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

    • Илья Журавлёв 19.02.2018 Ответить Автор

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

  • Альберт 08.03.2018 Ответить

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

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

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

Нажимая на кнопку Отправить комментарий, вы соглашаетесь с Политикой конфиденциальности и Пользовательским соглашением сайта info-effect.ru



WhatsApp 7 922 717 9869

Политика конфиденциальности - Пользовательское соглашение

Стрелка вверх