Organizar contenido en la cabecera de tu sitio

Con esta guía, aprenderás a organizar los bloques en la cabecera de tu web para crear el diseño que deseas.

Para poder seguir los pasos de esta guía, necesitarás un tema compatible con el editor del sitio.. Una forma rápida de comprobar si tu sitio utiliza el editor del sitio es mirar en Apariencia → Editor en el escritorio de tu sitio.

Tendrás que acceder a la parte de la plantilla de tu cabecera para reorganizar los bloques que contiene. Si no lo has hecho antes, sigue las instrucciones que aparecen en nuestra guía Personalizar la cabecera de tu sitio .

Puedes mover bloques en tu cabecera siguiendo estos pasos:

1. Cuando estés editando la parte de la plantilla de la cabecera, abre la vista de lista haciendo clic en el icono de vista de lista (tres líneas horizontales) que hay cerca de la parte superior izquierda del editor.
2. Busca el bloque que quieres mover. Si ves el símbolo > al lado de un bloque, haz clic en él para expandirlo y ver los bloques anidados.
3. Mantén pulsado el nombre del bloque y arrástralo a la posición que quieras.
4. Suéltalo para que se coloque en su ubicación nueva.
5. Haz clic en el botón Guardar para guardar tus cambios.

Para colocar bloques de cabecera en paralelo horizontalmente (por ejemplo, un logotipo al lado del título de un sitio), tendrás que agruparlos en un bloque Fila siguiendo estos pasos:

1. Cuando estés editando la parte de la plantilla de la cabecera, abre la vista de lista haciendo clic en el icono de tres líneas horizontales situado en la parte superior izquierda del editor.
2. Selecciona el primer bloque que quieras colocar paralelamente (por ejemplo, tu logotipo).
3. Mantén pulsada la tecla Mayús (ordenador) o la tecla Comando (Mac) y haz clic en el segundo bloque que quieras colocar al lado (por ejemplo, el título de tu sitio).
4. En la barra de herramientas que aparece, haz clic en el icono de Fila icono.
5. Haz clic en el botón Guardar para guardar tus cambios.

Obtén más información sobre cómo agrupar bloques de contenido.

Para colocar bloques de cabecera uno encima del otro verticalmente (por ejemplo, un menú encima de un menú de iconos de redes sociales), tendrás que agruparlos en un bloque Pila:

1. Cuando estés editando la parte de la plantilla de la cabecera, abre la vista de lista haciendo clic en el icono de tres líneas horizontales situado en la parte superior izquierda del editor.
2. Elige el primer bloque que quieras apilar (por ejemplo, el menú).
3. Mantén pulsada la tecla Mayús y haz clic en el segundo bloque que quieras colocar debajo (por ejemplo, el menú de iconos de redes sociales).
4. En la barra de herramientas que aparece, haz clic en el icono de Pila icono.
5. Haz clic en el botón Guardar para guardar tus cambios.

Obtén más información sobre cómo agrupar bloques de contenido.

Una cabecera de ancho completo crea un aspecto atrevido que abarca todo el ancho de la ventana del navegador. Para hacer que tu cabecera sea de ancho completo, sigue estos pasos:

1. Cuando estés editando la parte de la plantilla de la cabecera, abre la vista de lista haciendo clic en el icono de tres líneas horizontales situado en la parte superior izquierda del editor.
2. Busca el bloque Grupo que contiene tu cabecera.
   • Si tu cabecera no está en un bloque Grupo, haz clic en el menú (⋮) y selecciona «Grupo».
3. En la pestaña barra de herramientas que aparece, haz clic en el icono de Alineación icono.
4. Seleccionar Ancho completo.
5. Haz clic en el botón Guardar para guardar tus cambios.

Consulta más información sobre cómo crear contenido de ancho completo.