Muchos sitios web, especialmente los blogs, tienen una barra lateral para mostrar información adicional, como una imagen, texto «Acerca de mí», enlaces a otras entradas, perfiles de redes sociales y mucho más.
En esta guía se explica cómo añadir una barra lateral con el Editor del sitio. Para utilizar el método descrito en esta guía, el sitio debe usar un tema compatible con el Editor el sitio.
En esta guía
En general, se puede añadir un elemento de la barra lateral mediante el bloque Columnas, con un diseño 70/30, en el que la columna más pequeña sería la barra lateral.
Desde Apariencia → Editor del sitio, haz clic en el icono del sitio que se encuentra en la esquina superior izquierda y elige Plantillas. A continuación, según tus necesidades, puedes continuar con los siguientes pasos:
- Elige la plantilla En blanco.
- Haz clic en el botón (+) del insertador de bloques e inserta un bloque Columnas.
- Establece un diseño de dos columnas y elige 70/30.
- En la columna más pequeña, añade los bloques que quieres a la barra lateral.
- En la columna más grande, añade el bloque Contenido de la entrada. Se mostrará de manera dinámica el contenido de la página o entrada a la que aplicarás más tarde la plantilla en blanco (ver el paso 7).
- Haz clic en Guardar.
- Edita una página o entrada en la que quieres tener una barra lateral. En la configuración de la derecha, busca la opción Plantilla. Elige la plantilla En blanco.
A partir de ahora, se mostrará la barra lateral junto al contenido de las páginas o entradas que utilicen la plantilla En blanco.
La plantilla Índice es la que muestra las entradas. La plantilla Archivo es la que muestra las entradas con una categoría o etiqueta concreta. Si añades a estas plantillas una barra lateral, esta aparecerá en las páginas de entradas y en las de categorías o etiquetas.
En Apariencia → Editor del sitio, haz clic en el icono del sitio que se encuentra en la esquina superior izquierda y elige Plantillas. A continuación:
- Elige la plantilla Índice.
- En la Vista de lista, elige el bloque Lista de contenidos y transfórmalo en el bloque Columnas.
- Establece el bloque Columnas en dos columnas en la configuración del bloque Columnas.
- Mediante la opción Vista de lista, elige las dos columnas y configura una en el 70 % y la otra en el 30 %.
- En la columna más pequeña, añade los bloques que quieres a la barra lateral.
- Haz clic en Guardar.
De manera similar, puedes seguir este proceso para otras plantillas, como Página, Portada, Entrada única, 404 o Buscar.
Para crear un componente de barra lateral reutilizable, recomendamos guardarlo como bloque Parte de plantilla para que puedas añadir fácilmente la barra lateral completada más adelante en vez de crearla desde cero para cada plantilla.
