GutenKit Global Header & Footer lets you build and assign custom site-wide headers and footers usando il 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 Aspetto → Editor (Full Site Editor).
• Apri il List View → select Intestazione.
• Design your header with Gutenberg blocks or import a pre-designed header pattern from the GutenKit library.
• Next, select Piè di pagina 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.

Necessario: #

Come creare un'intestazione o un piè di pagina personalizzati con Gutenberg per WordPress #

Dopo aver installato il tema a blocchi, vai su WordPress e vai su:

Aspetto > Editor

Ed entrerai nel Full Site Editor. Fai clic sulla sezione di modifica e apri la visualizzazione Elenco (icona hamburger) dalla barra degli strumenti superiore.

Crea l'intestazione di WordPress in Gutenberg #

Dopodiché seleziona il Intestazione nella vista elenco e puoi usare i blocchi per progettare la tua intestazione personalizzata. 

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

1. Selezionare Intestazione nell'editor.
2. Apri il Libreria di modelli GutenKit.
3. Nella scheda Modelli, scorri e trova Intestazioni modelli.
4. Dopodiché, scegli un modello di intestazione predefinito e importalo nella pagina.

L'intestazione che hai creato qui è un'intestazione globale e sarà disponibile sull'intero sito web, a meno che tu non la disattivi per pagine specifiche.

Crea il piè di pagina di WordPress in Gutenberg #

Ora, per creare un piè di pagina globale, seleziona Piè di pagina nella Visualizzazione elenco e, come per l'intestazione, utilizza i blocchi Gutenberg per progettare un piè di pagina personalizzato per il tuo sito web.

Proprio come le intestazioni, GutenKit ha modelli predefiniti anche per i piè di pagina. Ripeti il processo dell'intestazione, ma questa volta con i piè di pagina.

1. Selezionare Piè di pagina nell'editor.
2. Apri la libreria di modelli GutenKit

3. Nella scheda Modelli, immettere i modelli del piè di pagina.
4. Scegli e importa il modello che preferisci.

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

GutenKit viene fornito 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.