Хотите иметь виджет погоды на своем сайте или блоге? Продолжайте читать, мы рассмотрим некоторые из лучших виджетов погоды, которые вы можете встроить
Pixabay.
В зависимости от тематики вашего сайта, вам может понадобиться добавить обновления и прогнозы погоды в реальном времени где-нибудь на странице
Если вам нужен виджет погоды на вашем сайте, продолжайте читать. Мы рассмотрим некоторые из лучших виджетов погоды для сайтов и блогов
Виджеты погоды или код для вашего сайта
Различные погодные виджеты работают по-разному
Если вы работаете на основной платформе, такой как WordPress или Squarespace, вы можете загрузить погодные плагины из соответствующих магазинов. Кроме того, вы можете просто скопировать и вставить некоторый код в нужное место на вашей странице
В зависимости от вашего уровня знаний и того, чего вы пытаетесь достичь, любой из этих двух подходов может быть подходящим
И если вы думаете о переходе на другую платформу для ведения блогов, вот несколько вариантов, которые выходят за рамки WordPress и Blogger
Что насчет виджета Google Погода?
Многие люди хотят разместить на своем сайте виджет погоды Google. К сожалению, Google не создает свой собственный виджет погоды
Данные о погоде, которые вы видите в продуктах Google – например, виджет в Google News и обновления в Google Calendar – предоставляются The Weather Channel
К сожалению, общедоступного виджета Weather Channel для веб-сайтов также не существует. Он был снят с производства
1.WeatherWidget.io: Чистый виджет погоды ‘без рекламы’
WeatherWidget.io предлагает бесплатный настраиваемый виджет погоды для персональных и коммерческих сайтов
Вы можете задать местоположение, ввести две дополнительные строки информации под местоположением, а также выбрать, какие единицы измерения вы хотите использовать – метрические или имперские
Сам виджет показывает погоду на ближайшие семь дней. Вы не можете изменить виджет, чтобы он показывал меньшее количество дней
Минимальная ширина виджета составляет 110 пикселей. При увеличении ширины более 315 пикселей ориентация виджета меняется со столбца на строку
Чтобы использовать виджет на своем сайте, вам необходимо скопировать и вставить HTML-код виджета погоды на страницу вашего сайта
2.Meteored: Бесплатный настраиваемый виджет погоды
Если вы хотите больше возможностей для настройки, вам стоит взглянуть на виджет погоды для сайтов от Meteored
Сайт предоставляет простой в использовании инструмент, который позволит сделать виджет именно таким, каким вы хотите его видеть. В первой колонке необходимо ввести данные о местоположении, а затем перейти к выбору формата виджета, а также содержания, стиля и цвета
В отличие от WeatherWidget.io, вы можете установить количество дней прогноза, которые вы хотите отобразить на виджете. Минимум – один день, максимум – семь. Виджет также предлагает несколько иконок погоды на выбор
В конце процесса вы выбираете, как использовать виджет – в виде скрипта или изображения
3. Показать мою погоду: Бесплатный виджет погоды и температуры для веб-сайтов
Show My Weather – отличный вариант, если вы хотите отображать погоду для города в США или Канаде. Другие страны не поддерживаются
Если вы цените простоту, этот виджет может стать лучшим виджетом погоды для вашего сайта. Здесь нет ни брендинга, ни рекламы, ни лишних данных; виджет показывает температуру и погоду, и ничего больше
Чтобы начать работу, введите почтовый индекс или название города, для которого вы хотите показать погоду
На следующем экране вы можете настроить виджет погоды. Вы можете задать отображение текущей погоды или предстоящего прогноза, используемые единицы измерения, а также параметры стиля, такие как цвет фона, цвет текста, отступы и размер шрифта
4. Потрясающий виджет погоды: Погода на WordPress
Если вы предпочитаете запускать виджет погоды на своем сайте с помощью плагина, а не вводить HTML-код виджета погоды вручную, рекомендуем обратить внимание на плагин Awesome Weather Widget для WordPress
Настраиваемые параметры включают метрические или имперские измерения, размер виджета, редактируемые строки заголовка, пользовательский CSS, количество дней, отображаемых в строке прогноза, и определяемые пользователем фоновые изображения для различных типов погоды
На виджете погоды нет рекламы, хотя доступна версия pro. Она добавляет больше шаблонов и вариантов расположения, загрузку AJAX и автоматическое определение местоположения
5.Booked.net: Огромный выбор погодных виджетов
Если вам нужен сайт, предлагающий более 15 погодных виджетов на выбор, отправляйтесь на Booked.net
Здесь вы найдете большие виджеты, маленькие виджеты и виджеты ‘лайт’. Каждый из виджетов полностью настраивается. Конкретные настраиваемые параметры зависят от того, какой виджет вы выбрали
6.OpenWeather.com: Виджет местной погоды
Если вам нужен виджет для отображения местной погоды на вашем сайте, еще один вариант, который стоит рассмотреть – OpenWeather.com
Здесь доступно более 10 различных погодных виджетов. Вы найдете виджеты местной погоды, виджеты температуры и виджеты прогноза
С другой стороны, возможности настройки не такие широкие, как у некоторых других виджетов, которые мы рассмотрели. Вы можете выбрать, в каких градусах Цельсия или Фаренгейта будет отображаться температура, и не более того
Чтобы добавить виджет погоды OpenWeather на свой сайт, вам нужно скопировать и вставить строку кода, которую вы найдете под каждой опцией виджета
7.The Weather Network: Виджет погоды с помощью HTML
The Weather Network – крупнейшая канадская телевизионная сеть прогноза погоды. В отличие от своего американского аналога, The Weather Channel, она предоставляет погодные виджеты для веб-сайтов и блогов
Доступны пять различных макетов виджетов. Для каждого из них можно ввести до шести местоположений, настроить цвета и шрифты, а также изменить размер
Когда вы закончите настройку виджета, нажмите кнопку Принять, и перед вами появится HTML-код виджета погоды. Скопируйте и вставьте его в нужное место вашего сайта
Что насчет AccuWeather?
Виджет AccuWeather раньше был одним из самых популярных бесплатных погодных виджетов для сайтов, но его выпуск прекращен.AccuWeather пообещал, что новый виджет будет выпущен позже в 2019 году
Виджеты погоды – это всего лишь один из способов получения последних данных о погоде и прогнозов. Если вы хотите узнать больше, ознакомьтесь с нашими статьями о лучших погодных приложениях для iPhone и лучших погодных виджетах для Android
А если вас интересует еще один вариант использования API, посмотрите, как интегрировать данные о погоде с Weatherstack
Чтобы получить дополнительную помощь в работе с блогом, ознакомьтесь с этими советами, как сделать блог WordPress популярным, и проверьте бесплатный IP Geolocation API для сайта, адаптированного к вашим посетителям
Комментировать