Editor Tools

Short url: https://ewp.guide/go/editor-tools

After clicking the Editor menu option, the Full Site Editor (FSE) will appear. The initial screen that appears will show a preview of your site, along with the left-hand menu. Clicking on this preview image will take you into the actual Editor and display all the available editor tools.

The left-hand Dashboard menu will not be displayed whilst in the editor, and unlike the Block Editor, when editing your Posts or Pages, there’s no option to make it display. When you’re within the Editor, clicking the WordPress logo in the top-left corner of the screen will toggle the main navigation down the left-hand side of the page, and return you to the main Editor preview screen. When you’re on the Editor preview screen, clicking the WordPress logo will exit out of the Full Site Editor and return you to the main WordPress Dashboard.

Full Site Editor

The Templates menu option allows you to select which template to edit, along with providing the ability to create new templates.

Likewise, the Template Parts menu option allows you to select an individual template part to edit, such as the Header or Footer, along with creating new template parts.

After clicking on the site preview image, you’ll taken in the actual Block editor, given you access to all the Editor tools. Most of the tools/icons in the main Editor Toolbar at the top of the screen will be familiar to you if you’ve been using the Block Editor. There are a couple of notable exceptions though.

Full Site Editor

The dropdown menu in the centre of the Editor Toolbar (FSE Toolbar Template Part Selector) tells you which template you’re currently editing. It also provides a link to the Manage all templates screen. This screen allows you to select a different template to edit, and also allows you to create a new template.

In the top-right of the screen you’ll find a Settings icon () which toggles the Settings Sidebar open and closed, just like in the Block Editor. Next to this is the Styles icon (FSE Toolbar Styles Sidebar), which toggles the Styles Sidebar open and closed. The Styles Sidebar is where you change the Colors, Typography settings and other options. This Styles Sidebar is replacing the Customizer, for FSE Themes.

Full Site Editor Styles