Portada Wordpress Tutoriales Instalar un Widget meteorológico en WordPress
Muchas páginas utilizan WordPress para organizar sus eventos. Ya sean eventos familiares, profesionales o de ocio estos eventos son quedadas en las que el factor meteorológico se torna importante. Es por eso que tener un widget instalado que nos chive del tiempo que está por venir puede sernos de utilidad en nuestra web. Hoy vamos a aprender a instalar un widget meteorológico con WordPress y a implementarlo en nuestra web o en un post en concreto.
Como widget hemos escogido el de eltiempo.es. Es una aplicación indispensable en el teléfono, con información muy detallada de la cantidad de litros/m2 que van a caer o en qué momento del día va a ser necesario ponernos una rebequita porque refresca.
Además, en su propia página web tenemos las opciones de configuración para el propio Widget y no nos hace falta más que configurarlo, copiar el código y pegarlo en el apartado deseado de nuestra web. Vamos pues paso a paso con ello.
Accedemos a la web de eltiempo.es, a la sección del widget, y vamos rellenando las partes requeridas para poder generar el código exacto del widget.
En este campo elegiremos sobre qué ciudad queremos que nuestro Widget refleje los datos y de qué forma los va a reflejar. En nuestro ejemplo hemos escogido Bilbao, en Bizkaia, hemos seleccionado el idioma «Español» y hemos selecionado el estilo «Completo»:
En este apartado configuraremos el contenido que queremos que nuestro widget refleje. Puede ser más completo o algo más escueto, dependiendo del evento o los datos que queramos reflejar. En este caso lo hemos dejado todo por defecto, porque nos interesa saber toda la información.
En este apartado podemos configurar el tamaño en píxeles del widget, así como los colores en formato RGB, la fuente que refleja… algo que puede dar un toque más personalizado al widget en nuestra página.
En este último apartado tendremos que marcar la casilla «Acepto las condiciones». Opcionalmente podemos marcar la casilla superior para que nos informen de las actualizaciones del widget que vayan saliendo y podamos tener nuestras aplicaciones a la última.
Finalmente, hacemos click en el botón «Generar código» y se nos desplegará el código del widget que acabamos de crear. El código se compone de un div y de un script que llama a la información de la web según las características que le hayamos querido dar. Podemos pegar este código en nuestra publicación, en un apartado concreto de nuestra web, … Como resultado, aparecerá el recuadro que te mostramos a continuación: