Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Copa WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Como mostrar a previsão do tempo no WordPress (guia para iniciantes)

Se estiver administrando um hotel, um site de eventos ou uma agência de viagens, um recurso que sempre recomendamos adicionar ao WordPress é a previsão do tempo.

Pense nisso. Os visitantes que estão planejando suas viagens ou eventos geralmente têm uma pergunta: “Como será o clima? Ao fornecer essas informações diretamente no seu site, você não está apenas respondendo à pergunta deles. Você está melhorando a experiência deles e potencialmente influenciando a decisão de reservar.

Neste artigo, vamos orientá-lo sobre como adicionar uma previsão do tempo elegante e funcional ao seu site WordPress.

How to Add a Weather Widget to WordPress (Step by Step)

Quem precisa de uma previsão do tempo no WordPress?

Nem todos os sites precisam mostrar uma previsão do tempo aos seus usuários. Entretanto, às vezes, as pessoas podem tomar uma decisão com base nas condições meteorológicas futuras.

Se você administra um site do setor de viagens, eventos, hotéis, pousadas e cafés da manhã ou similares, os visitantes podem estar interessados no clima que está por vir.

Ao mostrar essas informações no seu site, você pode proporcionar uma melhor experiência ao usuário. Isso pode manter as pessoas em seu site por mais tempo, o que ajuda a obter conversões.

Por exemplo, um visitante pode decidir preencher o formulário de reserva do seu hotel se vir que a previsão do tempo é quente e ensolarada.

An example of a weather forecast on a booking form

Mesmo que você não administre um site de viagens ou hotelaria, um widget de clima do WordPress ainda pode ser útil para seus visitantes.

Por exemplo, se você tiver um blog de viagens, os leitores poderão usar a previsão do tempo para planejar a viagem.

Há muitos plug-ins que podem obter as informações meteorológicas mais atuais e exibi-las de forma excelente em seu site. Entretanto, para obter os melhores resultados, você precisa encontrar um plug-in para WordPress que seja rápido, fácil de usar e que não adicione muitos links para serviços meteorológicos externos.

Dito isso, vamos dar uma olhada em como adicionar facilmente uma previsão de atualização do tempo aos seus posts, páginas e widgets da barra lateral do WordPress. Você pode usar os links rápidos abaixo para pular para uma etapa específica:

Etapa 1: Instalar e configurar uma conta do Location Weather

OLocation Weather é um plug-in de clima para WordPress de fácil utilização para iniciantes que permite adicionar uma previsão diária a qualquer página ou postagem, ou área pronta para widget. Com esse plug-in, você pode mostrar a velocidade do vento, a temperatura, a pressão do ar, a visibilidade e muito mais.

A example of a weather forecast, added to a WordPress website

Você pode até mesmo mostrar o boletim meteorológico de vários locais na mesma página. Para saber mais, consulte nossa análise completa do Location Weather.

Neste guia, usaremos o plug-in gratuito, pois ele tem tudo o que você precisa para mostrar a previsão do tempo no WordPress. Se você quiser mostrar previsões para vários dias ou detectar automaticamente a localização do visitante, há também o Location Weather Pro.

A primeira coisa que você precisa fazer é instalar e ativar o plug-in Location Weather . Para obter mais detalhes, consulte nosso guia passo a passo sobre como instalar um plug-in do WordPress.

O Location Weather obtém suas previsões em tempo real de um serviço meteorológico on-line chamado OpenWeather. Para acessar o OpenWeather, você precisará criar uma chave de API e adicioná-la às configurações do plug-in.

Para criar uma chave, vá para Location Weather ” Settings no painel do WordPress. Aqui, clique no link “Get API key” (Obter chave de API).

Link to OpenWeather API

Isso o levará a uma tela onde poderá criar uma conta gratuita no OpenWeatherMap, digitando seu endereço de e-mail e criando uma senha.

Depois de entrar em sua conta do OpenWeatherMap, basta clicar em seu nome na barra de ferramentas e selecionar “My API keys” (Minhas chaves de API).

Getting a weather forecast API key for your WordPress website

Nessa tela, você verá uma chave de API padrão.

Basta copiar a chave.

OpenWeatherMap API Key

Agora, volte para o painel do WordPress e cole a chave da API na caixa OpenWeather API Key.

Feito isso, clique no botão “Save Settings” (Salvar configurações) para armazenar a chave da API.

An OpenWeather API key

Etapa 2: Adicionar uma previsão do tempo ao WordPress

Agora, você está pronto para adicionar uma previsão do tempo ao WordPress, acessando Location Weather ” Add New.

Para começar, digite um título para a previsão do tempo. Esse título será exibido acima da previsão do tempo em seu site WordPress, de modo que ficará visível para os visitantes.

How to add a weather forecast to your WordPress website

Depois disso, você precisa rolar até “City Name” (Nome da cidade) e digitar o local da sua previsão do tempo.

Como estamos usando a versão gratuita, você precisará usar o formato “Cidade, País”. Isso deve funcionar bem para a maioria dos locais.

Configuring a weather forecast using a free WordPress plugin

Se vários locais tiverem o mesmo nome, o plug-in poderá escolher a cidade errada. Se isso acontecer, você precisará atualizar para o Location Weather Pro e, em seguida, inserir o ID da cidade, o CEP ou as coordenadas do local.

Depois de fazer isso, verifique as unidades que o Location Weather está usando para temperatura, pressão e velocidade do vento e faça as alterações necessárias.

Por exemplo, se você mora nos EUA, precisará usar Fahrenheit.

Changing units in a weather forecast including temperature, wind speed, and more

Em seguida, você deve selecionar a guia “Display Options” (Opções de exibição) e escolher as informações que deseja exibir no blog do WordPress.

A maioria dessas configurações é simples, portanto, você pode examiná-las e fazer as alterações que desejar.

The Display Options Tab

Por padrão, o Weather Location mostrará uma mensagem “Weather from OpenWeatherMap” abaixo da previsão.

Se quiser ocultar esse texto, role até a parte inferior da tela Display Options (Opções de exibição) e clique para desativar a opção “Weather Attribution” (Atribuição do clima).

Remove the Link to the OpenWeatherMap Site

A próxima guia é “Style Options” (Opções de estilo), que permite alterar a cor do plano de fundo e a cor do texto no WordPress.

Você também pode adicionar uma borda colorida ou alterar o raio para criar cantos curvos.

The Style Options Tab

Quando você estiver satisfeito com as opções de personalização da previsão do tempo, basta clicar no botão “Publish” (Publicar).

Depois disso, copie o shortcode que o plug-in de previsão do tempo cria automaticamente.

Adding a weather forecast to WordPress using shortcode

Etapa 3: Exibir a previsão do tempo em seu site WordPress

Agora você pode adicionar o shortcode a qualquer post ou página do WordPress ou até mesmo a uma área pronta para widgets. Por exemplo, você pode adicionar o shortcode a uma barra lateral para que o widget de previsão do tempo seja exibido em todo o site.

Para obter instruções passo a passo sobre como colocar o shortcode, consulte nosso guia sobre como adicionar um shortcode no WordPress e como adicionar e usar widgets do WordPress.

Se estiver usando um tema do WordPress habilitado para blocos, você poderá adicionar a previsão do tempo a qualquer área do seu site usando o editor de site completo. Isso inclui áreas que você não pode editar usando o editor de conteúdo padrão do WordPress.

Por exemplo, você pode usar uma previsão do tempo para melhorar o modelo de sua página 404.

Você pode saber mais sobre o editor de sitecompleto em nossoguia completo para iniciantes sobre edição de site completo do WordPress.

Depois disso, você pode visitar seu site para ver o widget de clima do WordPress em ação.

Preview the Weather Forecast

Dicas de especialistas para aprimorar seu site WordPress

Além de adicionar uma previsão do tempo, há muitas maneiras de tornar seu site WordPress mais envolvente e informativo para seus visitantes. Aqui estão algumas ideias:

Esperamos que este tutorial tenha ajudado você a aprender como exibir uma previsão do tempo em seu site WordPress. Talvez você também queira dar uma olhada em nossa seleção de especialistas dos melhores plug-ins do Google Maps para WordPress e em nosso guia sobre como adicionar um widget de reprodutor de música com áudio no WordPress.

Se você gostou deste artigo, inscreva-se em nosso canal do YouTube para receber tutoriais em vídeo sobre o WordPress. Você também pode nos encontrar no Twitter e no Facebook.

Divulgação: Nosso conteúdo é apoiado pelo leitor. Isso significa que, se você clicar em alguns de nossos links, poderemos receber uma comissão. Veja como o WPBeginner é financiado, por que isso é importante e como você pode nos apoiar. Aqui está nosso processo editorial.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

O kit de ferramentas definitivo WordPress

Obtenha acesso GRATUITO ao nosso kit de ferramentas - uma coleção de produtos e recursos relacionados ao WordPress que todo profissional deve ter!

Reader Interactions

9 ComentáriosDeixe uma resposta

  1. Syed Balkhi

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Mohamed Shamir

    What a fantastic tutorial! Adding a weather forecast to a WordPress site using the Location Weather plugin seems like a breeze, thanks to the clear instructions provided. I’m curious, though does the plugin offer any customization options for the design of the weather widget itself, like font styles or icon sizes?

    Thanks for sharing this valuable information. It’s definitely going to elevate the user experience on my website!

    • WPBeginner Support

      The plugin does have customization settings that you can use.

      Administrador

  3. Jemal Bakars

    Hello , thanks for the documentation, But ,what if I want to create a website only focused on ” showing weather forecast”
    Can I put AdSense monetisation on my weather forecast website ?

    • WPBeginner Support

      You would either need to create a post or custom post type for the different pages and if your site is approved for Adsense you could use it on your site.

      Administrador

  4. Ciceer

    This blog is very informative and simple. Thank you for the information.

    • WPBeginner Support

      You’re welcome :)

      Administrador

  5. schultzter

    OpenWeatherMap works better in some countries than others. I tried using it for thunderstorm warnings but the closest it got in my area (eastern Canada) was “strong rain” so I ended up using the Environment Canada’s Weather Office applets.

  6. Gail Issen

    This article is very informative. I’m working on a blog for a client whose customers are very aware of the weather. I will definitely add the weather to the sidebar. It will add valuable information to the blog.

Deixe uma resposta

Obrigado por deixar um comentário. Lembre-se de que todos os comentários são moderados de acordo com nossos política de comentários, e seu endereço de e-mail NÃO será publicado. NÃO use palavras-chave no campo do nome. Vamos ter uma conversa pessoal e significativa.