--- title: "Building Headers and Footers in Full Site Editing with Kadence Blocks" source: "https://docs.nexcess.com/software/kadence/blocks/headers-footers-full-site-editing/" description: "Full Site Editing Themes empower you to create dynamic Page Templates that seamlessly integrate Headers, Footers, and Content into a cohesive design. These vers…" vertical: "Software" area: "Kadence Blocks" date: "2024-09-12" last_modified: "2026-07-02" --- # Building Headers and Footers in Full Site Editing with Kadence Blocks Full Site Editing Themes empower you to create dynamic Page Templates that seamlessly integrate Headers, Footers, and Content into a cohesive design. These versatile Templates can be utilized across Pages, Posts, and Layouts, ensuring consistent styling throughout your site. Enhance your designs further by incorporating Advanced Header Blocks into your Headers and utilizing Advanced Navigation Blocks in your Footers, providing even greater flexibility for your FSE Templates. Full Site Editing Full Site Editing (FSE) is a powerful feature in WordPress that enhances the Gutenberg Editor, enabling users to not only edit posts and pages but also customize the entire layout and design of their websites. With FSE, you can effortlessly modify headers, footers, sidebars, and other template parts using blocks, granting you greater flexibility and control over your site’s appearance. To leverage the features of FSE, you must activate a theme that supports FSE. **Currently, Kadence does not provide an FSE theme.** For a complete FSE experience, consider using an *FSE-supported* theme such as [Twenty Twenty-Four](https://wordpress.org/themes/twentytwentyfour/). ![Add New Theme](https://docs.nexcess.com/wp-content/uploads/2026/06/Add-New-Theme.jpg) ![Twenty Twenty Four](https://docs.nexcess.com/wp-content/uploads/2026/06/Twenty-Twenty-Four-1024x440-1.jpg) Once a FSE Theme is Activated on the website, go to the **Appearance -> Editor** to access the Full Site Editor. ![FSE Editor](https://docs.nexcess.com/wp-content/uploads/2026/06/FSE-EDitor.gif)Templates In FSE, Pages, Posts, and Archives are crafted using **Templates**, providing a more flexible and cohesive design across your website. This approach allows you to customize the structure and appearance of your content while ensuring consistency throughout your site. To access Templates, go to the **Dashboard -> Appearance -> Editor** page and navigate to the **Templates** tab. ![Templates](https://docs.nexcess.com/wp-content/uploads/2026/06/Templates-1024x505-1.jpg)The Twenty Twenty-Four theme, like other FSE themes, includes pre-built **Templates** for various purposes. For example, Twenty Twenty-Four features the *“Pages”* Template that is automatically applied to all newly created pages. Additionally, default Templates for single posts and archives are provided. These Templates offer customization options to meet your specific needs or can be entirely replaced with your own designs, providing flexibility in how your content is presented. Next to each Template, you’ll find an icon featuring three dots. Click on this icon and select the **Edit** option to modify the template. ![Edit a Template](https://docs.nexcess.com/wp-content/uploads/2026/06/Edit-a-Template.gif)When editing a Template, take note of the Header and Footer Patterns in the list view. These patterns are utilized to display the header and footer across various templates. ![List View](https://docs.nexcess.com/wp-content/uploads/2026/06/List-View.jpg) View the sections below for more information on Patterns and how to use them. Patterns In FSE, you can create **Patterns** that can be utilized throughout your website, both within and outside of FSE templates. Access Patterns by going to the **Dashboard -> Appearance -> Editor** and navigating to the **Patterns** tab. ![Access Patterns](https://docs.nexcess.com/wp-content/uploads/2026/06/Access-Patterns.jpg)Patterns can be created by selecting a block in the Editor and using the Block Toolbar to create a new Pattern. This process includes the selected block and all its nested blocks in the new Pattern. Patterns can be classified as either Synced or Unsynced. If a Pattern is set to Synced, any modifications made to that Pattern will be reflected in all other instances where the Pattern is used. ![Create a Pattern](https://docs.nexcess.com/wp-content/uploads/2026/06/Create-a-Pattern.gif) Once a Pattern is created, it can be added to your website, anywhere in the Editor, just like other blocks. The Pattern can be found by searching for the Pattern Name when adding a new Block. ![Adding a Pattern](https://docs.nexcess.com/wp-content/uploads/2026/06/Adding-a-Pattern.gif) Header and Footer Patterns Typically, the Header and Footer sections of Templates are created using Patterns. ![Header Patterns](https://docs.nexcess.com/wp-content/uploads/2026/06/Header-Patterns-1024x432-1.jpg)Edit these patterns either by finding them in the **Dashboard -> Editor -> Templates** list or by selecting the **Pattern** in the **Editor** and clicking on the **Edit** button from the **Block Toolbar**. This will bring you directly to the Pattern Editor to make changes to all instances of the Pattern. ![Edit Pattern](https://docs.nexcess.com/wp-content/uploads/2026/06/Edit-Pattern.jpg) Editing the Header Pattern When editing the Header Pattern, you’ll see a prompt suggesting that you try the Kadence Header Block. Click the **Replace with Kadence Header** button to automatically swap the current Header Contents for an Advanced Header Block. This will enable you to select or create a new Advanced Header Block, effectively replacing the existing Header Contents. ![Replace Header Pattern](https://docs.nexcess.com/wp-content/uploads/2026/06/Replace-Header-Pattern.gif) Once finished, customize your Advanced Header Block as preferred. This will update all instances of the Header Pattern to your newly created Advanced Header. Learn more about getting started with [Advanced Headers and Navigations here](https://docs.nexcess.com/software/kadence/blocks/advanced-header-navigations/). Editing the Footer Pattern Use Kadence Blocks to design your Footer Pattern. Start by either navigating to the Dashboard -> Editor -> Template page and editing the Footer Pattern or by selecting the Pattern in the Editor and clicking on Edit from the Block Toolbar. The contents within the Footer Pattern can be replaced with a main Row Layout Block. ![Footer Row Layout Block](https://docs.nexcess.com/wp-content/uploads/2026/06/Footer-Row-Layout-Block.gif)Use Kadence Blocks to customize the Footer Contents. For example, [Advanced Image Blocks](https://docs.nexcess.com/software/kadence/advanced-image/) can be used to display Logos or Images; [Advanced Navigation Blocks](https://docs.nexcess.com/software/kadence/kadence-navigation-advanced-block/) can be used to add Navigations and Advanced Text Blocks can be used to add general texts. ![Footer Navigation](https://docs.nexcess.com/wp-content/uploads/2026/06/Footer-Navigation.jpg)Once finished, don’t forget to save the Footer Pattern for the changes to take effect. This will update all instances of the Footer Pattern to use the new Kadence Blocks version. Conclusion Once the Header and Footer Patterns are customized using Kadence Blocks, the Templates will all update accordingly. When creating a new Post/Page or viewing your website, the Header and Footer will reflect the changes made to the Patterns. ![Finished Result](https://docs.nexcess.com/wp-content/uploads/2026/06/Finished-Result.jpg)