Лучшие виджеты погоды для вашего сайта

Погода Атлас автоматически адаптируется для страниц мобильных устройств и компьютеров, и вы можете представлять данные во всех основных единицах измерения. Стиль дизайна — смелый и простой, словно взятый из книги Android Material Design.

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

2. Эльфийское зрение

Если вы ищете что-то более современное (а также что-то, что не ограничивается WordPress), то Погодный виджет Elfsight может подойти вам. Опять же, здесь используется эстетика «карточек» в мобильном стиле, хотя у вас есть много вариантов: вы можете создать виджет погоды на их веб-сайте по индивидуальному заказу, прежде чем встраивать его на свой сайт.

Вы можете выполнить всю настройку без написания кода и отслеживать показатели виджета, чтобы увидеть, привлекает ли он внимание зрителей так, как вы хотите. Также обратите внимание, что Elfsight позволяет создавать виджеты для самых разных вещей — от кнопок социальных сетей до обзоров, карт, встраивания PDF-файлов и многого другого — так что виджет «Погода» может стать только началом вашего пути сюда!

3. WeatherWidget.io

2. Эльфийское зрениеk" rel="noopener" title="WeatherWidget.io">WeatherWidget.io позволяет настроить его прямо на сайте и «Получить код». Вы можете изменить местоположение, количество дней, отображаемых в прогнозе, размер виджета, стиль значков и шрифт. Существует три различных варианта продолжительности прогноза; один день, три дня и семь дней. Также имеется три стиля значков.

Вы можете выбрать цвета, отличные от цветов по умолчанию, выбрав тему или настроив цвета в соответствии с вашим веб-сайтом.

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

Этот виджет бесплатен и не содержит рекламы.

4. Метеорит

метеоритный — хороший виджет с более графическим пользовательским интерфейсом, чем WeatherWidget.io. У него больше вариантов стилей значков, и он показывает, как именно они выглядят, прежде чем вы нажмете на них. Вам не нужно постоянно нажимать на раскрывающееся меню.

Для продолжительности прогноза выберите от одного до семи дней.

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

5. Показать мою

3. WeatherWidget.io

f="https://www.showmyweather.com/" target="_blank" rel="noopener" title="Показать мою погоду">Показать мою погоду — это быстрый вариант создания виджетов погоды, если вы не хотите выполнять большую настройку. Введите почтовый индекс города, который вы хотите отобразить, и на странице будет представлен образец того, как будет выглядеть виджет. Вы можете изменить цвета, но только если знаете шестнадцатеричные коды. У вас также есть возможность изменить размер, отступы и другие параметры отображения, но только если вы заранее умеете вносить эти изменения.

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

После того как вы приняли решение, вам необходимо скопировать отображаемый HTML-код на свой сайт.

6. Booked.net

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