Añadir widgets en WordPress

¿Cómo 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.

 

Añadir widgets en WordPress Tipos de widget

 

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.

 

Añadir widgets en WordPress plugin
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.

Añadir widgets en WordPress Ubicaciones

● Como añadir widgets en WordPress

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

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

Añadir widget

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

Personalizar - Widgets

➤ 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”.

Ubicación widget

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

Titulo widget

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.

Añadir imagen en widget

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

Enlace desde widget

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

Añadir widgets en WordPress en diferentes ubicaciones

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

Crear area de widget

● 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.

HTML automatico

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».

Crear HTML con WordPress

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 widget HTML

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.

Añadir widgets en WordPress en barra lateral

● 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 ⏎

Conclusión: Hagas como hagas tu página web, difícilmente podrás prescindir de los widgets. Es más, existen temas cuya forma principal de añadir contenidos es en base al uso de widgets. Como, por ejemplo, el tema Pure&Simple que hemos usado en WebTotal para diseñar un modelo simple pero completo de sitio web. 

Para cualquier duda que tengas, envíanos un comentario e intentaremos ayudarte.

  Webtotal: tu guía web

DISEÑO WEB SIMPLE

➢ Creamos tu página web sencilla de 3 o 4 páginas.

➢ Contratamos por ti el hosting y el dominio.

➢ Incluímos un SEO básico que podrás ir ampliando.

➢ Instalamos los principales plugins para su correcto funcionamiento.

 ➢ Pago por PayPal con garantía de devolución si no quedas satisfecho.

Suscríbete

Sólo te enviaremos la información que solicites