¿Son realmente útiles las barras laterales en nuestra página web?  En este tutorial aprenderemos a no dejar rastro de ellas.

A priori puede parecer una locura prescindir de un elemento que es muy utilizado en muchas páginas web. Normalmente aparece a la derecha del blog, de una entrada o incluso en las páginas de inicio. Pero vamos a pensar cómo usuario y no como un diseñador web: ¿Realmente las hemos echado de menos cuando no las vemos?

Realmente no.

Como entusiasta del minimalismo, siempre he creído que cuando algo no echas de menos es que realmente no es necesario. Y por este motivo tan primitivo, debemos prescindir de ellos.

Es más, cuando dejamos de utilizarlas nos aportan muchos beneficios.

¡Vamos a verlos!

¿Por qué hay quitar las barras laterales de nuestra web?

El usuario tiene que leer el contenido, no la barra lateral

Cuando un usuario se encuentra en una entrada de nuestro blog, es muy probable que se distraiga leyendo lo que aparece en su lateral: la opción de suscribirse al boletín, las entradas más destacadas, las otras categorías, etc.

El contenido de tu entrada es lo importante, la otra información extra de la barra lateral no.

Hay que facilitar la lectura de las entradas del blog a tus usuarios, apartando todos los elementos que puedan distraerlo. Sólo es necesario que vea el contenido, para que de esta manera lo pueda leer sin distracciones.

No son responsive

Desde el año 2017, ya hay más dispositivos móviles navegando por Internet que no ordenadores. A consecuencia de ello, tienes que tener muy en cuenta cómo luce tu página web en versión móvil.

Las barras laterales son un problema para las versiones responsive de nuestra página web, ya que, cómo no caben en un lateral de las pantallas móviles, deben situarse abajo del todo. ¿Qué sentido tiene poner una barra lateral debajo del contenido? Ninguno. Y la siguiente pr

Quitar widgets de barras laterales

Antes de quitar las barras laterales, tenemos que quitar los widgets que hay colocados en ellas. Para ello, iremos al archivo functions.php de nuestro child theme de Genesis y añadiremos estas líneas de código.

Esta vez no tendrás que añadir código en tu plugin personalizado, sino propiamente en las funciones de tu tema. Estos cambios que vamos a añadir son características del tema, no funcionales.

// Quitar widget de barra lateral.
unregister_sidebar( 'sidebar' ); 

// Quitar widget barra lateral alternativa.
unregister_sidebar( 'sidebar-alt' );

Quitar layouts con barras laterales

Si te diriges en las opciones de Genesis, en «Genesis» y «Theme Settings», te encontrarás los diferentes layouts que pueden tener las páginas de tu web.

Por defecto, está el layout de contenido/barra lateral. Podríamos forzar el layout por defecto con este código. De esta manera podríamos mantener los otros layouts:

//* Forzar layout por defecto sin barra lateral
add_filter( 'genesis_pre_get_option_site_layout', '__genesis_return_full_width_content' );

Pero en el caso de que sabemos de ciencia cierta que no las vamos a utilizar (te he dado múltiples razones para hacerlo), puedes añadir este código que eliminará todos los layouts con barra lateral:

// Quitar los layouts con barras laterales
genesis_unregister_layout( 'content-sidebar' );
genesis_unregister_layout( 'sidebar-content' );

En consecuencia, al solo disponer de un layout, Genesis ya no te preguntará más por el layout que quieres utilizar, ya que sólo habrá uno.

Resumen y conclusión

Hemos visto claramente que las barras laterales nos conllevan más problemas que soluciones, molestan al usuario y dificultan los objetivos de nuestra web.

Quizás no te habrás dado cuenta, pero mi página web no aparece ninguna barra lateral en ningún sitio. ¿A qué no la habías echado de menos?

Si quieres más tutoriales acerca de diseño web, sólo hace falta que me lo comentes. Estaré encantado de escuchar tu propuesta.