1. Home
  2. Docs
  3. PostX
  4. FSE (Full Site Editing) Support

FSE (Full Site Editing) Support

We are proud to introduce FSE (Full Site Editing) support with the PostX Dynamic Site Builder plugin. With PostX, you can work with themes like the 2023 WordPress theme, Neve, Bricksy Pro, etc. – all that have proper site editing support.

PostX Full Site Editing Compatibility

Here’s a quick guide to get you started with the concept using the ‘Twenty Twenty-three WordPress Theme’ and PostX. 

Template Parts and Page Templates

If you are working with full site editing, you need to understand the concept of template parts and templates. 

Template Parts

Template Parts are small chunks of a WordPress page that behave like reusable blocks. These are your headers, footers, sidebars, and other such parts of a page. 

Note: To access these settings, you need to go to Appearance > Editor > WordPress dashboard. Also note that all FSE themes will have the “Editor”. You can also access the editor by going to Appearance > Themes > Customize.

You can make changes to them individually. If you change or update any part of a pattern (like a header template part for example), it will be updated on all the pages that have that particular template part. 

Templates and Patterns for FSE (Full Site Editing)
Templates and Patterns for FSE (Full Site Editing)

Note: When you are adding a header or footer to the page, you are adding it as a template part. Just search for “Template Part” in the default block library or use a forward slash to add a template part to a page

Page Templates 

Page Templates behave similarly to template parts. However, the fundamental difference here is the fact that page templates are used in pages. 

For example, if you have a blank page where you want to show specific blocks with PostX, you can just use that template for the page. Then that page will have that particular template. 

To add a new page template, you need to:

  • Go to Appearance > Editor
  • You are now in the Design Page. Click on Templates.
  • You can use one of them or click on the “+” icon to add a new page template.
Adding a New Page Template
Adding a New Page Template

But the the ‘Twenty Twenty-three’ WordPress theme comes with a couple of default page templates. You can easily update one of them with PostX and add them to the pages where you want to show the specific designs.

Note: If you are using a new template, you will be prompted to use to a particular page. See the example below:

Add the New Template to a Page
Add the New Template to a Page

You may also be prompted to use a pre-made pattern to the new template. You can do so or add a template part.

Header and Footer Template Parts

The process of building a header and footer template part is quite similar. Do note that we are using the default header and footer patterns. 

However, you can create a new template part and save it as a different header or footer design. If you click on the ‘+’ icon on the patterns page, you will have two options: 

  • Create a new template part
  • Create a pattern
Pre-made patterns and template parts in full site editing
Pre-made patterns and template parts in full site editing

We will create a new template part to use on our blog page. Also, we are changing the default header and footer template parts using the PostX row block, search block, and other assets. We are also using the default logo and navigation block from the default WordPress library. 

Adding the various elements is very simple. You can simply use the “+” icon from the left and search for the elements or use the forward slash (“/”) to add new elements directly to the page. 

Here’s a quick demo to add the footer to a page template:

Adding a Template Part to a Page Template
Adding a Template Part to a Page Template

Building a Page Template [for Full Site Editing]

We will be configuring the default “Blank” Template from the templates library.  

Just click on Design > Templates > Blank. The blank template will pop up to the right. You can click on the pen icon or click on the template itself to make changes to it. 

Blank Template manipulation for full site editing
Blank Template Manipulation for Full Site Editing

To bring the header and footer to the page, you need the template part block. It is a default WordPress block that comes with the latest version of WordPress. 

Just bring the template block to the page template. You will have 2 options (Shown in the image above) : 

  • Create a new template part. 
  • Choose from the existing designs. 

We will choose the header and footer we designed previously and add it to the page. 

Then, we will add the PostX list and grid blocks to make the body of the blog. Here’s the final outcome: 

Using the Page Template

It’s time to use the template for a page. 

One way to do this is to go to Pages > All Pages and go to the desired page (we are using the blog page as an example). 

If you don’t see the page settings, you can look for the “Settings” icon at the top right. However, the page settings should pop up by default. 

Adding the blank template as the default template for the blog page
Adding the blank template as the default template for the blog page

In the page settings, you will see the template option. Click on it and select the blank page template. 

Now update the page. 

Here’s how the page looks with full site editing support:

Full Site Editing Final Outcome
Full Site Editing Final Outcome

If you go to the front end, you will see the following page: 

You can do it for new WordPress pages as well. 

Explore Other Important Documentations from PostX

Was this article helpful to you? Yes No