¿Quiere mostrar la previsión meteorológica en WordPress?
Algunos sitios web pueden necesitar mostrar la previsión meteorológica a sus visitantes. Por ejemplo, sitios de hostelería como agencias de viajes y sitios web de reservas de hoteles.
En este artículo, le mostraremos cómo añadir fácilmente una previsión meteorológica a WordPress.
¿Quién necesita una previsión meteorológica en WordPress?
No todos los sitios web necesitan mostrar la previsión meteorológica a sus usuarios. Sin embargo, a veces, la gente puede tomar una decisión basándose en las condiciones meteorológicas que se avecinan.
Si gestiona un sitio web del sector de viajes, eventos, hoteles, bed & breakfast o similar, es posible que los visitantes estén interesados en el tiempo que va a hacer.
Al mostrar esta información en su sitio web, puede ofrecer una mejor experiencia al usuario. Esto puede mantener a la gente en su sitio web durante más tiempo, lo que le ayuda a conseguir conversiones.
Por ejemplo, un visitante puede decidir rellenar el formulario de reserva de su hotel si ve que la previsión meteorológica es calurosa y soleada.
Aunque no tenga un sitio web de viajes u hostelería, un widget del tiempo para WordPress puede ser útil para sus visitantes.
Por ejemplo, si tiene un blog de viajes, los lectores pueden utilizar las previsiones para planificar su viaje.
Hay un montón de plugins que pueden obtener la información meteorológica más actualizada y mostrarla de forma atractiva en tu sitio web. Sin embargo, para obtener los mejores resultados, es necesario encontrar un plugin de WordPress que sea rápido, fácil de usar y que no añada muchos enlaces a servicios meteorológicos externos.
Dicho esto, echemos un vistazo a cómo añadir fácilmente una previsión meteorológica actualizada a tus entradas, páginas y widgets de la barra lateral de WordPress. Puede utilizar los enlaces rápidos a continuación para omitir un paso específico:
Paso 1: Instalar y establecer una cuenta meteorológica de localización
Location Weather es un plugin meteorológico para WordPress de fácil uso que te permite añadir una previsión diaria a cualquier página o entrada, o área preparada para widgets. Usando este plugin, puedes mostrar la velocidad del viento, la temperatura, la presión atmosférica, la visibilidad y mucho más.
Incluso puede mostrar el informe meteorológico de varias ubicaciones en la misma página. Para obtener más información, consulte nuestra reseña / valoración completa de Location Weather.
En esta guía, vamos a utilizar el plugin gratuito, ya que tiene todo lo necesario para mostrar la previsión del tiempo en WordPress. Si quieres mostrar previsiones para varios días o detectar automáticamente la ubicación del visitante, también existe Location Weather Pro.
Lo primero que tienes que hacer es instalar y activar el plugin Location Weather . Para más detalles, consulte nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.
Location Weather obtiene sus previsiones en tiempo real de un servicio meteorológico en línea llamado OpenWeather. Para acceder a OpenWeather, deberá crear una clave API y añadirla a los ajustes del plugin.
Para crear una clave, ve a Ubicación del tiempo ” Ajustes en el escritorio de WordPress. Aquí, haz clic en el enlace “Obtener clave API”.
Esto le llevará a una pantalla en la que podrá crear una cuenta gratuita de OpenWeatherMap introduciendo su dirección de correo electrónico y creando una contraseña.
Tras acceder a su cuenta de OpenWeatherMap, sólo tiene que hacer clic en su nombre en la barra de herramientas y seleccionar “Mis claves API”.
En esta pantalla, verá una clave API por defecto.
Sólo tienes que copiar la clave.
Ahora, vuelva a su escritorio de WordPress y pegue la clave API en la casilla OpenWeather API Key.
Una vez hecho esto, haga clic en el botón “Guardar ajustes” para guardar la clave API.
Paso 2: Añadir una previsión meteorológica a WordPress
Ahora, está listo para añadir una previsión meteorológica a WordPress yendo a Ubicación del Tiempo ” Añadir Nuevo.
Para empezar, escriba un título para la previsión meteorológica. Este aparecerá encima de la previsión meteorológica en tu sitio web WordPress para que sea visible para los visitantes.
A continuación, desplácese hasta “Nombre de la ciudad” e introduzca la ubicación de su previsión meteorológica.
Como estamos utilizando la versión gratuita, tendrá que utilizar el formato “Ciudad, País”. Esto debería funcionar bien para la mayoría de los lugares.
Si varias ubicaciones tienen el mismo nombre, entonces el plugin podría elegir la ciudad equivocada. Si esto ocurre, tendrá que actualizar a Location Weather Pro e introducir el ID de la ciudad, el código postal o las coordenadas de la ubicación.
Una vez que lo haya hecho, compruebe las unidades que está utilizando Location Weather para la temperatura, la presión y la velocidad del viento, y realice los cambios necesarios.
Por ejemplo, si vives en EE.UU., tendrás que utilizar Fahrenheit.
A continuación, debe seleccionar la pestaña “Opciones de visualización” y elegir la información que desea mostrar en su blog de WordPress.
La mayoría de estos ajustes son sencillos, así que puedes consultarlos y hacer los cambios que quieras.
Por defecto, Weather Location mostrará un mensaje ‘Weather from OpenWeatherMap’ debajo de la previsión.
Si desea ocultar este texto, desplácese hasta la parte inferior de la pantalla de opciones de visualización y haga clic para desactivar el interruptor de “Atribución del tiempo”.
La siguiente pestaña es “Opciones de estilo”, que le permite cambiar el color de fondo y el color del texto en WordPress.
También puedes añadir un borde de color o cambiar el radio para crear esquinas curvas.
Cuando esté satisfecho con las opciones de personalización de la previsión meteorológica, sólo tiene que hacer clic en el botón “Publicar”.
Después, copia el shortcode que el plugin de previsión meteorológica crea automáticamente.
Paso 3: Mostrar la previsión meteorológica en su sitio WordPress
Ahora puede añadir el shortcode a cualquier entrada o página de WordPress o incluso a una zona preparada para widgets. Por ejemplo, puedes añadir el shortcode a una barra lateral para que el widget de previsión meteorológica aparezca en todo tu sitio web.
Para obtener instrucciones paso a paso sobre cómo colocar el shortcode, consulte nuestra guía sobre cómo añadir un shortcode en WordPress y cómo añadir y utilizar widgets de WordPress.
Si utiliza un tema de WordPress activado / activo por bloques, puede añadir la previsión meteorológica a cualquier área de su sitio utilizando el editor de sitio completo. Esto incluye áreas que no puedes editar con el editor de contenido estándar de WordPress.
Por ejemplo, puede utilizar una previsión meteorológica para mejorar la plantilla de su página 404.
Después, puede visitar su sitio web para ver el widget del tiempo de WordPress en acción.
Esperamos que este tutorial te haya ayudado a aprender cómo mostrar la previsión del tiempo en tu sitio web WordPress. Puede que también quieras aprender cómo crear un boletín de correo electrónico de la manera correcta o ver nuestras selecciones de expertos para el mejor software de notificaciones push web.
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.
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!
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
Ciceer
This blog is very informative and simple. Thank you for the information.
WPBeginner Support
You’re welcome
Administrador
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.
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.