tutorial-woosidebars

La barra lateral de WordPress es un elemento a tener en cuenta en el diseño de nuestra página web.

Y es que la barra lateral o sidebar nos sirve para mostrar muchos elementos mediante Widgets que nos ayudan a mejorar la funcionalidad, usabilidad y marketing de nuestra web.

Estos múltiples elementos pueden ser de cualquier tipo como menús o buscadores que ayudan a mejorar la navegación normalmente mostrando las categorías del blog o de los productos.

Botones sociales para captar seguidores en nuestras redes sociales.

Anuncios de Adwords o estáticos o que nos reporten beneficios generando ventas directas de nuestros productos o mediante anuncios de marketing de afiliación.

Por supuesto sin olvidarnos del típico formulario de Newsletter para captar suscriptores para nuestro boletín de noticias.

Y una buena estrategia para conseguir más éxito en nuestros objetivos es crear una barra lateral diferente para cada tipo de página de nuestra web.

Ya que hay elementos como las categorías y etiquetas del blog que a veces no tienen sentido que se muestren en una página estática como la página de inicio o la página de contacto y que únicamente sobrecargan nuestra barra lateral.

Y como en verdad estamos hablando de áreas de Widget nos puede ocurrir lo mismo con el Footer.

Muchas de las plantillas Premium como Divi ya tienen creadas o permiten crear diferentes áreas de sidebar personalizadas pero muchas otras plantillas no contemplan esta opción y para crearlas podemos utilizar el plugin WooSidebars.

 

Tutorial WooSidebars

WooSidebars es un plugin gratuito creado por los desarrolladores de Woocommerce y se encuentra en el repositorio de WordPress.

 

tutorial-plugin-woosidebars

 

Con este plugin podemos crear versiones diferentes de las áreas de Sidebar para crear barras laterales personalizadas y usarlas en páginas, entradas, páginas de taxonomías como categorías y entradas.

También podemos crear diferentes barras laterales para otras páginas especiales como errores 404 o la página de búsqueda.

Nota: este plugin no crea nuevas áreas de Widget si no que crea copias de las áreas que tiene tu tema activo para poder personalizarlas con diferentes Widgets y así tener barras laterales y footer diferentes en cada página o tipo de página.

Pero por ejemplo no puedes crear una nueva área de Widget que se muestre en la cabecera de tu web si tu tema no contempla esta opción.

 

Instalar WooSidebars

WooSidebars es un plugin gratuito que se encuentra en el repositorio de WordPress y puede ser instalado desde Plugin > Añadir Nuevo.

 

instalar-plugin-woosidebars

 

Crear barra lateral en WordPress

Una vez instalado el plugin WooSidebars vamos a sus opciones que se encuentran en Apariencia > Widget Áreas.

En esta pantalla se nos mostraran las diferentes áreas de las barras laterales y en la página en la que se mostraran.

Vamos a empezar a crear una barra lateral haciendo clic en el botón “Add New”.

 

nueva-barra-lateral-en-wordpress

 

En la siguiente ventana crearemos la nueva área de barra lateral o pie de página.

Primero le ponemos un título y una pequeña descripción, estas opciones solo son para organizarnos mejor y no se mostraran en la parte pública de la web.

Después en el apartado “Conditions” tenemos que elegir en que páginas se va a mostrar.

 

crear-barra-lateral-en-wordpress

 

En este apartado tenemos que pulsar la pestaña Advanced para que se activen las demás pestañas que nos permiten elegir en que páginas vamos a utilizar esta nueva área de barra lateral.

En la pestaña Pages podemos elegir una página individual que hayamos creado en nuestra web.

En la pestaña Post Types, podemos elegir que la nueva área se muestre para todas las entradas individuales o para otros tipos de post types personalizados que puede incluir nuestra plantilla como el portfolio.

En la pestaña Taxonomy Archives puedes elegir que se muestre en las páginas de categorías y etiquetas.

En la pestaña Taxonomy Terms podemos indicar que se muestre en la página de una categoría o etiqueta concreta. Para poder utilizar estas opciones debe de haber post ya creados con las categorías y etiquetas asignadas.

Y por último en la pestaña Template Hierarchy podemos elegir que la barra lateral se muestre en páginas con la misma jerarquía es decir, ya sean páginas estáticas, entradas simples, página de archivos, la página frontal, la página de resultados o la página de error 404.

Por ejemplo si queremos que la barra lateral sea la misma en la página donde se muestran las entradas (la página del blog) y en cada entrada individual, tenemos que marcar la página blog en la pestaña Pages y en la pestaña Post Types marcar la casilla de las entradas individuales.

Esto es muy útil para mostrar una barra lateral con las categorías, etiquetas y entradas recientes del blog pero que no se muestre en las demás paginas como en la página de contacto que carece de sentido mostrar ahí estos elementos.

Por ultimo tenemos que marcar en el desplegable que tipo de área de Widget se va a sustituir para las páginas elegidas, y te aparecerán las áreas de las barras laterales y las áreas del footer que tenga tu tema de WordPress.

Y después pulsamos el botón “publicar”.

 

Configurar la nueva Área de Widget

Ahora tenemos que ir a Apariencia > Widgets donde nos aparecerá el área personalizada que hemos creado con WooSidebars y la configuramos a nuestro gusto, arrastrando Widgets dentro del área.

configurar-barra-lateral

Y fin del tutorial de WooSidebars, de esta manera tan sencilla podrás tener una barra lateral personalizada y diferente en cada página de tu web.

5 comentarios en “Tutorial WooSidebars | Crea barras laterales personalizadas por páginas

  1. Hola Gerardo, es justo lo que estoy buscando! Me parece muy útil para aquellos que tengamos una plantilla que no tenga opción de áreas de sidebar personalizadas. ¡Muchas gracias por la info, y comparto!

  2. Era justo lo que buscaba, pero ya no se actualiza desde hace un año y al menos en mi versión ya no funciona… Conoces alguno similar ?? He probado un par y nada…
    Visito de vez en cuando tu web, por cierto, nunca he comentado pero sigue así 🙂

Deja un comentario

El email no será publicado. Vas a introducir datos en la web si comentas:

  • Responsable de los datos Gerardo García Asensio
  • Los datos se usarán para gestión de comentarios y medidas de seguridad
  • Legitimación: tu consentimiento.
  • Destinatarios: los datos estarán ubicados en los servidores de Siteground.
  • Derechos: podrás ejercer tus derechos, entre otros, rectificar, limitar y borrar tus datos.

Pin It on Pinterest

Esta web utiliza cookies para su funcionamiento. Lee y acepta el aviso legal o abandona la web. más info

Los ajustes de cookies de esta web están configurados para "permitir cookies" y así ofrecerte la mejor experiencia de navegación posible. Si sigues utilizando esta web sin cambiar tus ajustes de cookies o haces clic en "Aceptar" estarás dando tu consentimiento a esto.

Cerrar