Your pages live within the Pages nav item in the WordPress backend. Click here to bring up a list of all the pages that currently exist on your website.

From this list view you can view the page status (draft, private, password protected, front page). To edit a specific page click on it to access the blocks and fields for that page.

After clicking into one of the pages you will see the edit page interface. This interface uses the WordPress block editor to organize your site content into distinct re-usable blocks. The central area contains the blocks and is where most of your edits will be completed. Within each block will be a series of fields for each of the editable pieces of content on the site. Scroll down to see additional editable blocks and fields that exist on the current page.

Field Types

These are a wide variety of field types but the most comes ones you will edit with are:

  • Text Fields: Used for basic single or multi-line text input and headings.
  • Content Editor: Allows for more complex formatting including adding links, headings, embedded videos, iframes, or HTML code (Sometimes called a WYSIWYG – What You See Is What You Get).
  • Image: Connects to the media library and allows image upload and linking.
  • File: Used for video or file linking often for PDFs or downloadable resources.
  • Gallery: Multiple images grouped together.
  • Repeater: A repeater field is unique in that is represents a flexible group of fields that can be repeated as much as needed. The repeater can contain many fields. The field rows can be drag/dropped to re-order. Often used to insert buttons, slides, team members, etc.

While editing the content of your site it’s often a good idea to open the page you are editing in an additional tab. This will allow you to easily hop back and forth to reference which fields are associated with which content areas on the page.

Any edits you make within the fields will be stored as a draft. You can use the laptop button in the top right of the page to see a preview of the page you are editing. Use this to verify that the edits you’ve made are working well on the site. Once you are happy with your changes clicking ‘Save‘ in the top right will publish your edits to the site.

Images

Clicking on an image field will open a modal displaying your site’s media library. You can either select an existing image that has already been uploaded to the site. Or use the ‘Upload Files‘ tab at the top left to upload a new file from your computer. Read more about image management/uploading in our media library article.

The Block Editor

The content on your website pages is split into re-usable blocks. These blocks are custom build for your site and are used to output repeatable content sections. Some are generalized and will appear on multiple pages (ie. a hero block, or content/image block). Other are highly specialized and will only be used in one location (ie. a Google Map, registration form, or portfolio feed).

To view a list of the existing blocks on a page click teh document overview icon (three staggered lines) in the top left. This will display a list of the existing blocks on a page. You can click on a block to just down to it. Or use the block options to duplicate or delete a block. This menu can also be used to drag/drop and reorder the blocks on a page.

Adding New Blocks

To add a new block to a page or post you can click on the [+] icon in the top left. This will open up a panel containing all of the blocks currently available on your site. You can search for a specific block or select one based on the block title. When a block is added to a page it will be inserted at the bottom. You can drag/drop to re-order the blocks however you need to.

Most blocks will contain a set of editable fields which you will need to add content too once the block is added to the page. Some blocks will contain an accordion of settings at the bottom. These settings can be used to control unique styling and swap between variations of the block (eg. Orientation, ID, Background Colors, Text Colors, Width).

Entering the keyword ‘foe‘ will display only the custom blocks we have created for your site. Additional blocks can be generated for plugin-specific functionality and WordPress.

Advanced Page Settings

Along the right of the page there is a panel for editing advanced page settings. Here a featured image can be set (often used as a primary image and will display as the thumbnail when this page is shared on social media).

Page Statuses control how your pages are viewed:

  • Published: Standard live page status
  • Draft: In progress page (hidden from search engines and not visible to visitors).
  • Pending: Similar to draft waiting on approval to publish.
  • Private: Hidden from search/normal visitors. Users that are signed into an account on your site will be able to view this page.
  • Password Protected: Here you can set a manual password for this page. Visitors will be prompted to enter the password before the page content will be visible.

You can also adjust the published date for the page to a time in the future if you would like the page to go live at a specific date/time.

The page ‘Slug‘ or URL can be edited from this panel as well. Always be mindful when editing page slugs. These will effect the URLs for your pages and Search Engines will need to re-crawl the URLs while indexing.

Revisions

Another key feature in this page settings is the revisions. By clicking on the link next to revisions you can see what recent edits have been to the current page/post. You can use the timeline along the top to revert the page content to a previous edit. This can be a powerful tool in the event of accidental deletion or to recover old content.

The revision preview isn’t particularly visually helpful but reviewing the time-stamps along the top will allow you to know when each edit was made and by whom.

Additional Fields

Some website will require additional fields for control of specific on-page elements. When this is required there will be a field group assigned to the page itself. This will either appear towards the bottom of the advanced page settings or at the very bottom of the page.

Fields used here will often be simple toggles or radio inputs. Used to activate custom styles for that page or to adjust navigation features that vary from page to page. For example on a site with both a light and dark header there would be a toggle to swap between Navigation styles from [Dark – Light].