Home-theater-designers
В зависимости от тематики вашего веб-сайта вам может потребоваться добавить обновления погоды и прогнозы погоды где-нибудь на странице.
Если вы хотите, чтобы на вашем веб-сайте был виджет погоды, продолжайте читать. Мы собираемся взглянуть на некоторые из лучших погодных виджетов для веб-сайтов и блогов.
Виджеты погоды или код для вашего сайта
Разные погодные виджеты работают по-разному.
Если вы работаете на основной платформе, такой как WordPress или Squarespace, вы можете загрузить плагины погоды из соответствующих магазинов. Кроме того, вы можете просто скопировать и вставить код в нужное место на странице.
В зависимости от вашего уровня знаний и того, чего вы пытаетесь достичь, может подойти любой из двух подходов.
А если вы думаете о переходе на другую платформу для ведения блогов, вот несколько вариантов, которые выйти за рамки WordPress и Blogger .
почему мой iphone не подключается к моему компьютеру
А как насчет виджета погоды Google?
Многие люди хотят разместить на своих сайтах погодный виджет Google. К сожалению, Google не создает собственный погодный виджет.
Данные о погоде, которые вы видите в продуктах Google, например, в виджетах в Новостях Google и обновлениях в Календаре Google, предоставляются Канал о погоде .
К сожалению, также нет общедоступного виджета Weather Channel для веб-сайтов. Это было прекращено.
1. WeatherWidget.io : Чистый виджет погоды без рекламы
WeatherWidget.io предлагает бесплатный настраиваемый виджет погоды как для личных, так и для коммерческих сайтов.
Вы можете установить местоположение, ввести две дополнительные строки информации под местоположением и выбрать, хотите ли вы использовать метрические или британские единицы измерения.
Сам виджет показывает погоду на ближайшие семь дней. Вы не можете изменить виджет, чтобы отображалось меньшее количество дней.
Минимальная ширина виджета - 110 пикселей. Когда ширина превышает 315 пикселей, ориентация виджета меняется с столбца на строку.
Чтобы использовать виджет на своем сайте, вам необходимо скопировать и вставить HTML-код виджета погоды на страницу вашего сайта.
2. Meteored : Бесплатный настраиваемый виджет погоды
Если вам нужны дополнительные параметры настройки, вам следует взглянуть на погодный виджет Meteored для веб-сайтов.
На сайте есть простой в использовании инструмент, благодаря которому виджет будет выглядеть именно так, как вы этого хотите. В первом столбце вам нужно ввести данные о местоположении, а затем вы перейдете к выбору формата вашего виджета вместе с содержимым, стилем и цветом.
В отличие от WeatherWidget.io, вы можете установить количество дней с прогнозом, которое вы хотите отображать в виджете. Минимум один день, максимум семь. Виджет также предлагает на выбор несколько значков погоды.
В конце процесса вы выбираете, хотите ли вы использовать виджет в качестве сценария или изображения.
3. Показать мою погоду : Бесплатный виджет погоды и температуры для веб-сайтов
«Показать мою погоду» - отличный вариант, если вы хотите отображать погоду для города в США или Канаде. Никакие другие страны не поддерживаются.
Если вы цените простоту, это может быть лучший погодный виджет для вашего сайта. Нет ни брендинга, ни рекламы, ни лишних данных; виджет показывает температуру и погоду и больше ничего.
Для начала введите почтовый индекс или название города, для которого вы хотите показать погоду.
На следующем экране вы можете настроить виджет погоды. Вы можете настроить отображение текущей погоды или предстоящего прогноза, используемые единицы измерения и параметры стиля, такие как цвет фона, цвет текста, отступы и размер шрифта.
Четыре. Потрясающий виджет погоды : Погода на WordPress
Если вы предпочитаете запускать погодный виджет своего веб-сайта через плагин, а не вводить HTML-код погодного виджета вручную, мы рекомендуем взглянуть на плагин Awesome Weather Widget на WordPress.
Настраиваемые параметры включают метрические или британские измерения, размер виджета, редактируемые строки заголовка, настраиваемый CSS, количество дней, отображаемых в строке прогноза, и определяемые пользователем фоновые изображения для различных типов погоды.
В виджете погоды нет рекламы, но доступна профессиональная версия. Он добавляет дополнительные шаблоны и параметры макета, загрузку AJAX и автоматическое определение местоположения.
5. Booked.net : Огромный выбор виджетов погоды
Если вам нужен сайт, предлагающий на выбор более 15 погодных виджетов, зайдите на Booked.net.
Вы найдете большие виджеты, маленькие виджеты и «облегченные» виджеты. Каждый из виджетов полностью настраивается. Конкретные настраиваемые параметры зависят от выбранного вами виджета.
6. OpenWeather.com: виджет местной погоды
Если вы хотите, чтобы виджет отображал местную погоду на вашем веб-сайте, стоит рассмотреть еще один вариант - OpenWeather.com.
Доступно более 10 различных погодных виджетов. Вы найдете местные виджеты погоды, виджеты температуры и виджеты прогнозов.
С другой стороны, возможности настройки не такие обширные, как у некоторых других виджетов, которые мы рассматривали. Вы можете выбрать, хотите ли вы, чтобы температура отображалась в градусах Цельсия или Фаренгейта, и многое другое.
Чтобы добавить виджет погоды OpenWeather на свой веб-сайт, вам необходимо скопировать и вставить строку кода, которую вы найдете под каждым вариантом виджета.
7. Сеть погоды : Виджет погоды с HTML
The Weather Network - крупнейшая телесеть о погоде в Канаде. В отличие от своего американского аналога The Weather Channel, он предоставляет виджеты погоды для веб-сайтов и блогов.
Доступны пять различных макетов виджетов. Для каждого макета вы можете ввести до шести местоположений, настроить цвета и шрифты, а также изменить размер.
Когда вы закончите настройку виджета, нажмите «Принять», и вам будет представлен HTML-код виджета погоды. Скопируйте и вставьте его на свой веб-сайт, где хотите.
А как насчет AccuWeather?
Виджет AccuWeather раньше был одним из самых популярных бесплатных виджетов погоды для веб-сайтов, но его поддержка прекращена. AccuWeather пообещал, что новый виджет будет выпущен позже в 2019 году.
Виджеты погоды - это лишь один из способов получения последних данных о погоде и прогнозов погоды. Если вы хотите узнать больше, ознакомьтесь с нашими статьями о лучшие погодные приложения для вашего iPhone и лучшие погодные виджеты для Android .
А если вас интересует еще один вариант погоды, использующий API, узнайте, как интегрировать данные о погоде с Weatherstack.
Чтобы получить дополнительную информацию о своем блоге, взгляните на эти советы по популяризации вашего блога WordPress и воспользуйтесь бесплатным API геолокации IP для сайта, адаптированного для ваших посетителей.
Делиться Делиться Твитнуть Эл. адрес 3 способа проверить, является ли электронное письмо настоящим или поддельнымЕсли вы получили письмо, которое выглядит немного сомнительным, всегда лучше проверить его подлинность. Вот три способа узнать, настоящее ли электронное письмо.
Читать далее Похожие темы- Интернет
- Ведение блога
- Погода
- Инструменты для веб-мастеров
Дэн присоединился к MakeUseOf в 2014 году и был директором по партнерским отношениям с июля 2020 года. Обращайтесь к нему с вопросами о спонсируемом контенте, партнерских соглашениях, рекламных акциях и любых других формах партнерства. Вы также можете увидеть, как он каждый год бродит по выставочной площадке CES в Лас-Вегасе, поздоровайтесь, если собираетесь. До своей писательской карьеры он был финансовым консультантом.
Ещё от Dan PriceПодписывайтесь на нашу новостную рассылку
Подпишитесь на нашу рассылку технических советов, обзоров, бесплатных электронных книг и эксклюзивных предложений!
Нажмите здесь, чтобы подписаться