Añadir widgets en WordPress

¿Qué son los widgets?

Por definirlo de una manera sencilla, un widget es una mini-aplicación que posibilita el fácil acceso a determinadas funciones. En realidad, el término «widget» es tan que genérico que resulta difícil atribuirle una definición precisa. Tal vez se entiende mejor si decimos que hay widgets de escritorio (gadgets) , de dispositivos móviles, de web, incluso widget físicos.

Y es que widget se podría traducir como «artilugio» o «artefacto» claro que este concepto puede enredar aún más la explicación.

Posiblemente la mejor forma de entender que es un widget es simplemente saber para que sirve: pues sirve para dar acceso inmediato a un contenido o a una funcionalidad concretas.

¿Y qué son los widget de WordPress?

Un widget de WordPress es un bloque de contenido (estático o dinámico) que puede ser añadido en determinadas ubicaciones específicas de la página.

 

➤ Tipos de widgets en WordPress

Los widgets más comunes son: texto, imagen, audio, video, galería, listado de archivos, HTML, cuadro de búsqueda, calendario, listado de categorías, lista de páginas, RSS, Meta, entradas recientes, menú de navegación y nube de etiquetas.

 

tipos-de-widgets-9810596-6227434-2787520

 

Pero además existen multitud de plugins que nos permiten descargarnos otros tipos de widgets o mejorar los mismos. Sólo tenemos que buscar el que nos resulte más adecuado en el cuadro de búsqueda de plugins de WordPress.

 

cuadro-busqueda-de-plugins-7211126-5206577-1200x115-4894315
Diferencia entre «plugin de WordPress» y «widget de WordPress»:

¡Ojo! Pero no confundir plugin con widget. Un plugin de WordPress amplía y extiende funcionalidades para la construcción de una web realizada con dicho gestor de contenidos. Un widget de WordPress es un bloque de contenido que puedes situar en determinadas áreas de la página de WordPress.

 

➤ Ubicaciones de los widgets en WordPress

Dependiendo del tema de WordPress que estemos usando, podremos disponer de más o menos ubicaciones o áreas de widgets.

ubicaciones-widgets-wordpress-9227211-3671534-8045104

● Como añadir widgets en WordPress

➤ Hay dos formas de acceder a «Añadir widget»:

1 – Desde «Apariencia» en la sección «Widgets».

apariencia-widgets-1042946-6312777-6517657

2 – Desde «Apariencia» entramos en «Personalizar» y de allí a la sección «Widgets».

apariencia-personalizar-1-5690051-3567021-9407701
personalizar-widgets-5545632-6333597-7043529

➤ Seleccionamos el tipo de widget que queremos añadir. Por ejemplo “Buscar” (cuadro de búsqueda). Seleccionamos la ubicación, por ejemplo “Barra lateral”. Marcamos en “Añadir widget”.

ac3b1adir-widgets-wp-3310716-5676607-6531359

➤ Si lo deseamos podemos ponerle un título que aparecerá visible sobre el widget. Y, finalmente, lo guardamos.

widget-cuadro-de-busqueda-5272588-7437261-4313943

➤ Igualmente podemos añadir como widget una imagen o una galería de imágenes en cuyo caso tendremos que subirlas desde nuestra biblioteca de medios.

ac3b1adir-widget-imagen-2809161-7609043-4145909

➤ También es posible incluir un enlace desde el widget.

ac3b1adir-enlace-en-widget-3132235-4685034-1745541

➤ Así de fácil podemos añadir widgets en las diferentes ubicaciones disponibles para ello.

widgets-en-web-7032016-4980629-9417568

➤ También es posible crear una nueva area de widget automáticamente siempre que el tema lo permita.

nueva-c3a1rea-widget-personalizada-7067379-5827884-7199420

● Personalizar widget con HTML

De todos los tipos de widget de los que disponemos, el más versátil es sin duda el de «HTML» pues nos da la opción de incluir cualquier tipo de contenido y con cualquier clase de diseño. Ahora bien, necesitamos conocimientos de HTML para ello. ¡Y resulta que no los tenemos!

¡Qué no cunda el pánico! Con WordPress tenemos un excelente editor de HTML que traduce cualquier contenido y estilo automáticamente a HTML. Veamos como funciona.

➤ Desde nuestro escritorio de WordPress, añadimos una nueva página.

widget-con-html-4988970-7544168-9359459

No es necesario que le demos ningún título porque esta página ni siquiera la vamos a guardar. Solo tenemos que añadir los contenidos que deseemos que aparezcan en nuestro widget: imágenes, textos, títulos, enlaces, etc.

Para hacer esto debemos elegir el modo «Visual».

 

➤ Una vez completo nuestro diseño, vamos a cambiar al modo «HTML».

copiar-html-8026057-2915401-5979058

Ahora copiamos el código resultante, es decir, el código que WordPress ha traducido por nosotros a HTML sin necesidad de que tengamos conocimientos de dicho lenguaje de programación.

➤ Ahora nos dirigimos a «Widgets» desde «Personalizar» y vamos a añadir un widget HTML a el área de widget donde queremos que aparezca. En nuestro caso, hemos seleccionado la barra lateral.

pegar-html-7471432-6191958-1629110

Pegamos el código que hemos obtenido en el cuadro de contenido del widget HTML. No olvidemos darle a «Guardar» para completar la acción.

➤ De este modo tan sencillo ya tenemos un widget completamente personalizado que podemos visualizar en la barra lateral que es donde lo hemos ubicado.

● Ocultar o mostrar widget en determinadas páginas

Otra opción que nos puede resultar de utilidad es la de mostrar u ocultar el widget en determinadas páginas o entradas. Por cualquier motivo, nos puede interesar que un widget sea visible en una página y que otro widget lo sea en otra diferente.

Para ello podemos usar un plugin llamado «Widget Options». Aquí te explicamos como funciona: Opciones de widgets ⏎

Deja un comentario