Skip to main content

Customizing the Appearance of Your WP Site Builder Site

Emily Hall
Updated

WP Site Builder makes it easy to customize your site’s appearance. 

Step 1: Access Your WP Site Builder Site Editor

Site customization takes place in the site editor interface, so you must first navigate there. 

  1. Log in to your WP Site Builder interface. See Logging in to Your WP Site Builder Site
  2. In the left sidebar, hover over the Appearance tab
  3. In the drop-down, click Editor

Step 2: Customize Your Site

In the WP Site Builder site editor, you can make changes to your site’s appearance, including: 

Click the tabs to see more options for each section. 

Navigation

In the Navigation tab, you will find a list of pages that make up your site’s current navigation bar. 

 

1

Click the icon to see additional options: 

  • Rename: Rename the navigation bar
  • Duplicate: Create a copy of the current navigation bar
  • Delete: Delete the navigation bar
2 Click the icon to enter the navigation’s block editor. You can edit the navigation bar using the WordPress block tools. See Block Basics for more information. 
3 This is a list of your current navigation menu items. You can click and drag any page to rearrange the page order. Rearranging the order may also change the navigation bar. 
4 This is your site’s live preview. Changes you make to your site will appear here. 

Styles

In the Styles tab, you will find a collection of different styles you can apply to your current website design. Click on the different styles to preview them. 

 

1 Click the icon to view the style book for the currently selected design.
2 Click the icon to enter the block editor. You can add/remove blocks and make changes via the block sidebar on the right of the screen. See Block Basics for more information. 
3 This is a list of available styles. Click on any style to preview it in the site previewer (shown in area 4).
4 This is your site’s live preview. Changes you make to your site will appear here. 
5

If you’ve made changes to your site, you can click the Last Modified tab to see a list of revisions. 


 

To roll back to a previous revision, click on the revision, then click the Apply button. 
 

Pages

In the Pages tab, you will find a list of your existing pages.

 

1 Click the + button to add a new page. 
2 This is a list of your site’s pages. Click on each page to see additional details. 
3 Click the Manage all pages button to see a list of all pages, including drafts and pages in the trash.

Individual Page Settings

If you click any of the pages, the page will appear in the site preview and new page-specific settings will appear in the left sidebar. 

Manage All Pages Settings

From the Manage all pages tab, you can easily view your pages, drafts, and pages that you have placed in the trash. 

1

This is a list of different page types, including: 

  • All pages
  • Drafts
  • Trash
2 Use the search bar to look up a specific page. 
3 Click the +Add filter button to filter search results based on specific parameters. 
4 Click the Reset filters button to remove any filters. 
5

Click the Add New Page button to begin the process of adding a new page. 


 

See Editing a Page with WP Site Builder.
6

Click Bulk Edit to apply bulk actions to your pages. 


 

Note: You must check the box next to one or more pages in order to apply bulk edits. 
7

Use the  icon to make changes to the table holding the template parts. Changes include: 

  • Changing layout
  • Changing sorting methods
  • Changing fields shown
  • Changing items shown per page
8 This is a list of the pages. Click on the name of a page to open the page editor. 
9 This is the author of the page 
10 Click the icon to view the live version of the page. 
11 Click the icon to move the page to the trash. 
12 Click the to see a list of actions you can apply to the page. 

Templates

Templates are a pre-designed foundation you can use to build your pages. WP Site Builder comes equipped with templates you can use for your site. In the Templates tab, you can view the available templates.

 

1 This is a list of templates. Click on a template to preview it in the site previewer (shown in area 3)
2 Click the Manage All Templates button to go to the Manage Templates interface. See Manage All Templates section for more information. 
3 This is the site previewer. See relevant changes and template examples in this section. 
4 Click the + button to create a new template. See Creating a Template with WP Site Builder. 

Manage All Templates

Clicking the Manage all templates button will take you to the Manage Templates interface. 

1 A list of all template types. Click on a template type to sort the template table (shown in areas 7, 8, 9, and 10). 
2 Use the search bar to look up a specific template. 
3 Click the +Add filter button to filter search results based on specific parameters. 
4 Click the Reset filters button to remove any filters. 
5

Click the Add New Template button to begin the process of adding a new custom template. 


 

See Creating a Template with WP Site Builder.
6

Use the icon to make changes to the patterns table. Changes include: 

  • Changing layout
  • Changing sorting methods
  • Changing fields shown
  • Changing items shown per page
7 This is a list of the template names. Click on a template name to see a preview of the template. 
8 This is a description of the template. 
9 This is the author of the template. 
10

Click the icon to apply an action to the template. 


 

Note that some actions cannot be applied to templates that are included with WP Site Builder. 

If you wish to manage individual template parts, see Patterns.  

Patterns

Patterns are individual designs that you can use in templates, pages, and posts. Once created, Patterns are added to your block editor so you can easily access them during the editing process. See Editing a Page with WP Site Builder. 

 

In the Patterns tab, you can view all available patterns. In the left sidebar, you can click the different options to sort the patterns based on location or function. 

1 Click the icon to add a new pattern. 
2 This is a list of pattern types. Click on an item in this list to refine the pattern results.  
3

Click Manage all of my patterns to view a list of all custom patterns you have created. 


 

Note that this does not include patterns that are included in WP Site Builder. 
4 Click Manage all template parts to view a list of all template parts that can be used in your templates. See the Manage All Template Parts section for more information. 
5 Use the search bar to look up a specific pattern. 
6

Click the Sync Status button to filter search results based on two options: 

  • Synced: patterns that are kept in sync across the site
  • Not Synced: patterns that can be changed freely without affecting the site. 
7 Click the Reset filters button to remove any filters. 
8 This is a table that displays all patterns. 
9

Use the icon to make changes to the patterns table. Changes include: 

  • Changing sorting methods
  • Changing fields shown
  • Changing items shown per page
10 A lock indicates that the pattern cannot be edited.
11 Use the icon to reveal actions you can apply to the pattern. 

Manage All Template Parts

The Manage All Template Parts interface displays a list of all template parts. Template parts can be used when creating new templates. While similar to a pattern, template parts cannot be used in posts or pages.  See Creating a Template with WP Site Builder. 

 

1 This is a list of template part variations that you can use to sort the template part list shown in section 10. 
2 Use the search bar to look up a specific template part. 
3 Click the +Add filter button to filter search results based on specific parameters. 
4 Click the Reset filters button to remove any filters. 
5

Click the Add New Template Part button to begin the process of adding a new custom template part. 


 

See Creating a Template with WP Site Builder.
6

Click Bulk Edit to apply bulk actions to your templates. 


 

Note: You must check the box next to one or more template parts in order to apply bulk edits. 
7

Use the  icon to make changes to the table holding the template parts. Change include: 

  • Changing layout
  • Changing sorting methods
  • Changing fields shown
  • Changing items shown per page
8 This is a list of the available template parts. Click on the name of a template part to see a preview. 
9 This is the author of the template part. 
10 Click the icon to revert to a previous version of the template part. 
11

Click the icon to apply an action to the template part. 


 

Note that some actions cannot be applied to template parts that are included with WP Site Builder. 

Save Changes

To save your changes, click the Review # change… button at the bottom of the sidebar. Once you have reviewed the changes, click the Save button. 

Powered by Zendesk