GutenKit Global Header & Footer lets you build and assign custom site-wide headers and footers usando o 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 Aparência → Editor (Full Site Editor).
• Abra o List View → select Cabeçalho.
• Design your header with Gutenberg blocks or import a pre-designed header pattern from the GutenKit library.
• Next, select Rodapé 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.

Build custom header footer with Gutenberg #

Obrigatório: Install a WordPress block theme, such as: Olá Blocos

Próximo,

• Navegar para Appearance > Editor
• Then you will enter the Full Site Editor. Click on the edit section and open the List view  (hamburger icon) from the Top Toolbar.

Crie um cabeçalho WordPress no Gutenberg #

Depois disso, selecione o Cabeçalho na visualização de lista e você pode usar blocos para criar seu cabeçalho personalizado. 

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

1. Selecione Cabeçalho no editor.
2. Abra o Biblioteca de modelos GutenKit.
3. Na aba Padrões, role e encontre Cabeçalhos padrões.
4. Depois disso, escolha um padrão de cabeçalho pré-projetado e importe-o para a página.

O cabeçalho que você criou aqui é um cabeçalho global e estará disponível em todo o seu site, a menos que você o desative para páginas específicas.

Crie um rodapé WordPress no Gutenberg #

Agora, para criar um rodapé global, selecione Rodapé na Visualização de Lista e, assim como no cabeçalho, use os blocos de Gutenberg para criar um rodapé personalizado para seu site.

Assim como os cabeçalhos, o GutenKit tem padrões pré-desenhados para rodapés também. Repita o processo do cabeçalho, mas dessa vez com rodapés.

1. Selecione Rodapé no editor.
2. Abra a biblioteca de modelos GutenKit

3. Na aba Padrões, insira os padrões do rodapé.
4. Escolha e importe um padrão que você goste.

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

GutenKit vem com 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.