Using the Site Editor, you can design everything on your site using blocks, from the header right down to the footer. This guide will show you around the editor.
In this guide
To visit the Site Editor, follow these steps:
- Start from your site’s dashboard.
- Locate Appearance on the left side.
- Click on Editor.
If you do not see Editor here, your theme does not support the Site Editor. We recommend switching to a supported theme to make use of the latest editing features in WordPress.
When you arrive in the Site Editor, you will find:
- A panel of options on the left, described below.
- Your website’s homepage on the right, as determined by the homepage you have selected in Reading Settings.
- If you click anywhere on your site on the right side, it will open the editor and close the left sidebar:
The left sidebar provides the following options:
- Navigation: Manage your site’s navigation menus.
- Styles: Customize colors, fonts, and other design aspects of your site.
- Pages: Edit the content of individual pages of your site.
- Templates: Edit the structural layout of your site’s content.
- Patterns: Edit smaller parts of your templates (such as the header and footer) and patterns you’ve created.
Your homepage will be displayed to the right of these options. Click anywhere in this area to close the left sidebar and open your homepage in the editor.
At the top of the Site Editor are a number of options, explained below:
- Open Navigation: you’ll see your site icon, or the default icon if you haven’t set one yet. Click this once to return to the options described in the previous section. Click again to return to your dashboard.
- Toggle Block Inserter: Click this to add a new block.
- Tools: Choose between editing a block and selecting a block. Choose the Select tool to select individual blocks. Once a block is selected, press the Enter key on your keyboard to return to editing.
- Undo: Reverse the most recent action taken.
- Redo: Un-reverse an action you reversed using the Undo button.
- List View: See a list of all of the blocks that are on the page. This is useful for seeing your page’s structure and editing, moving, and removing blocks. Learn more about List View.
- Command Center: This shows the name of the template you are editing. Click this to search through your site’s templates. Learn more about template editing.
- View: See a preview of your site’s appearance with the changes applied.
- Save: Save your changes. Learn more about saving.
- AI Experiments: An evolving section of experiments using Jetpack AI.
- Help Center: Search our helpful guides or contact support on eligible plans.
- Settings: Display or hide the settings sidebar on the right.
- Styles: Customize the colors, fonts, and more. Learn more about Styles.
- More Options: Opens additional settings and tools.
When you click the “Save” button to save changes you’ve made in the Site Editor, it will note the places you’ve made changes to. You can choose to save all or just some of them. Note that some changes (like changes to the Header and Footer templates) will apply to all pages of your site that use those templates and not just the page you were working on.
Use Styles in the Site Editor to choose color palettes, fonts, layouts, and more design aspects that affect your site as a whole. Learn how to use Styles.
Here are more helpful resources and tutorials to learn more about all aspects of site editing:
