How to use Stackable Blocks in Page Templates in FSE

With FSE, Block Themes provide default templates that you can use for your site. You have have the ability to use Stackable blocks in the theme’s default templates, or use Stackable blocks in a Custom Page template.

Block Theme Templates

Once you’ve activated a Block Theme, you will need to go to Appearance > Editor in your WordPress dashboard which will open the Site Editor. From there, you will need to click on the WordPress logo on the upper left side corner which will open a sidebar with the following options:

  • Site
  • Templates
  • Template Parts

Click on Templates and it will open a new page with the theme’s default templates. You also have the option to add your own template by clicking on the Add New button on the upper right corner.

Custom Page Template

You can also create your own template by following these steps:

  1. Add a new page or post
  2. Click on the Settings button (the Gear icon)
  3. Navigate to the Page or Post tab where you will see the Template: Page or Template: Single Post panel.
  4. Click New below the dropdown menu and name your custom template
  5. Click Create and you will be directed to the Template Editor.

From there, you can add Stackable blocks like you would on a normal page by clicking on the black plus sign (+) button. 

You have the ability to add and design blocks the same way you would on a regular page or post in the Template Editor. This means that you could use Stackable blocks to design your template. 

Templates are saved as custom post types, called “wp_template” and once you’ve published your custom template, you should be able to see it in the Templates section of the site editor.

If you want to use your new page template, you could do so by opening a new post or page. Navigate to the Templates panel in the Page/Post tab in the Settings, and select your newly created template from the dropdown.

Add your page or post content in the editor, and when you’re finished editing, click Publish.

Preview your page and it should inherit the template that you’ve selected.