{"id":11248,"date":"2015-04-10T08:19:56","date_gmt":"2015-04-10T06:19:56","guid":{"rendered":"https:\/\/www.hostinet.com\/formacion\/?p=11248"},"modified":"2019-11-28T11:28:13","modified_gmt":"2019-11-28T09:28:13","slug":"instalar-un-widget-meteorologico-en-wordpress","status":"publish","type":"post","link":"https:\/\/www.hostinet.com\/formacion\/wordpress\/tutoriales-wordpress\/instalar-un-widget-meteorologico-en-wordpress\/","title":{"rendered":"Instalar un Widget meteorol\u00f3gico en WordPress"},"content":{"rendered":"
<\/div>

Muchas p\u00e1ginas utilizan WordPress para organizar sus eventos. Ya sean eventos familiares, profesionales o de ocio estos eventos son quedadas en las que el factor meteorol\u00f3gico se torna importante.<\/strong> Es por eso que tener un widget instalado que nos chive del tiempo que est\u00e1 por venir puede sernos de utilidad en nuestra web. Hoy vamos a aprender a instalar un widget meteorol\u00f3gico con WordPress y a implementarlo en nuestra web o en un post en concreto.<\/p>\n

Como widget hemos escogido el de eltiempo.es.<\/strong> Es una aplicaci\u00f3n indispensable en el tel\u00e9fono, con informaci\u00f3n muy detallada de la cantidad de litros\/m2<\/sup> que van a caer o en qu\u00e9 momento del d\u00eda va a ser necesario ponernos una rebequita porque refresca.<\/p>\n

Adem\u00e1s, en su propia p\u00e1gina web tenemos las opciones de configuraci\u00f3n para el propio Widget y no nos hace falta m\u00e1s que configurarlo, copiar el c\u00f3digo y pegarlo en el apartado deseado de nuestra web. Vamos pues paso a paso con ello.<\/p>\n

Configurando el widget<\/h2>\n

Accedemos a la web de eltiempo.es<\/a>, a la secci\u00f3n del widget, y vamos rellenando las partes requeridas para poder generar el c\u00f3digo exacto del widget.<\/p>\n

1. Selecciona ciudad y formato:<\/h3>\n

En este campo elegiremos sobre qu\u00e9 ciudad queremos que nuestro Widget refleje los datos y de qu\u00e9 forma los va a reflejar.<\/strong> En nuestro ejemplo hemos escogido Bilbao, en Bizkaia, hemos seleccionado el idioma \u00abEspa\u00f1ol\u00bb y hemos selecionado el estilo \u00abCompleto\u00bb:<\/p>\n

\"\"<\/p>\n

2. Cambia el contenido:<\/h3>\n

En este apartado configuraremos el contenido que queremos que nuestro widget refleje.<\/strong> Puede ser m\u00e1s completo o algo m\u00e1s 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\u00f3n.<\/p>\n

\"\"<\/p>\n

3. A\u00f1ade tu estilo:<\/h3>\n

En este apartado podemos configurar el tama\u00f1o en p\u00edxeles del widget, as\u00ed como los colores<\/strong> en formato RGB, la fuente que refleja…<\/strong> algo que puede dar un toque m\u00e1s personalizado al widget en nuestra p\u00e1gina.<\/p>\n

\"\"<\/p>\n

4. Copia y pega este c\u00f3digo en tu web:<\/h3>\n

En este \u00faltimo apartado tendremos que marcar la casilla \u00abAcepto las condiciones\u00bb.<\/strong> 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 \u00faltima.<\/p>\n

\"\"<\/p>\n

Finalmente, hacemos click en el bot\u00f3n \u00abGenerar c\u00f3digo\u00bb y se nos desplegar\u00e1 el c\u00f3digo del widget que acabamos de crear. El c\u00f3digo se compone de un div y de un script que llama a la informaci\u00f3n de la web seg\u00fan las caracter\u00edsticas que le hayamos querido dar. Podemos pegar este c\u00f3digo en nuestra publicaci\u00f3n, en un apartado concreto de nuestra web, … Como resultado, aparecer\u00e1 el recuadro que te mostramos a continuaci\u00f3n:<\/p>\n

 <\/p>\n

<\/div>\n