GutenKit Global Header & Footer lets you build and assign custom site-wide headers and footers utilizando el WordPress Full Site Editor (FSE) and Gutenberg blocks. GutenKit adds pre-designed patterns and extra block features to help you design professional global header and footer layouts without coding. Once created, your header and footer appear across your entire site unless disabled on specific pages.

Watch the video guide –

Check the quick steps:

• Have a block theme active (required for Full Site Editing).
• In the WP dashboard, go to Apariencia → Editor (Full Site Editor).
• Abre el List View → select Encabezamiento.
• Design your header with Gutenberg blocks or import a pre-designed header pattern from the GutenKit library.
• Next, select Pie de página in the List View.
• Design your footer or insert a footer pattern from GutenKit’s templates.
• Save/Publish — your global header/footer now applies across the whole site.

For a detailed process, follow the instructions below.

Requerido: #

Cómo crear un encabezado y pie de página personalizado con Gutenberg para WordPress #

Después de instalar el tema de bloque, vaya a su WordPress y navegue a:

Apariencia > Editor

Entrarás al editor de sitio completo. Haz clic en la sección de edición y abre la vista de lista (icono de hamburguesa) desde la barra de herramientas superior.

Crear un encabezado de WordPress en Gutenberg #

Después de eso seleccione el Encabezamiento en la vista de lista y puedes usar bloques para diseñar tu encabezado personalizado. 

Alternatively, you can also use the pre-designed patterns from GutenKit to streamline the process. To use the pre-designed patterns:

1. Seleccionar Encabezamiento en el editor.
2. Abre el Biblioteca de plantillas GutenKit.
3. En la pestaña Patrones, desplácese y busque Encabezados patrones.
4. Después de eso, elija un patrón de encabezado prediseñado e impórtelo a la página.

El encabezado que ha creado aquí es un encabezado global y estará disponible en todo su sitio web a menos que lo desactive para páginas específicas.

Crear un pie de página de WordPress en Gutenberg #

Ahora, para crear un pie de página global, seleccione Pie de página en la Vista de lista y, de manera similar al encabezado, use los bloques de Gutenberg para diseñar un pie de página personalizado para su sitio web.

Al igual que los encabezados, GutenKit también tiene patrones prediseñados para los pies de página. Repita el proceso del encabezado, pero esta vez con los pies de página.

1. Seleccione Pie de página en el editor.
2. Abrir la biblioteca de plantillas GutenKit

3. En la pestaña Patrones, ingrese los patrones de pie de página.
4. Elige e importa el patrón que te guste.

As this is a global Footer, it will be shown on all of your website pages, including headers and footers.

GutenKit viene con 500+ ready designs to help you build professional-looking websites in minutes. Also, it offers 68+ blocks, 18+ modules, and tons of advanced features for the block editor. Install GutenKit and experience the page builder features in your website built with Gutenberg.