Overview
In this guide, we review how to use the WordPress editor to edit Dornsife website pages. The screenshot above shows two different versions of the editor. If, when you open your webpage in the editor, it looks like the image on the left, then continue reading this guide. If instead your editor looks like the image on the right, refer to the ACF editor guide.
Quick guide for setting up a page
If you're already familiar with using the WordPress editor, and just need a QRG (quick reference guide), refer to the following guide:
Creating or editing a page
Create a new page
If you are already on the page list, click Add Page at the top.
Otherwise, in the left menu, select Pages, and select Add Page.
Edit an existing page
There are several ways to open an existing page in the editor:
- If you are viewing the published page on the website: Click Edit Page in the upper toolbar.
- If you are in the admin dashboard: In the left menu, click Pages. Then, click the page title in the list to open it.
Duplicate (clone or copy) a page
Instead of starting from scratch, you can create a new page by copying an existing page:
Navigating the editor
When you create a new page or edit an existing page that uses the Default or Content Detail template, the page opens in the WordPress editor, which looks like the following image:
You may want to skip ahead to the next section to set up your page, and return to this section as you become more familiar with the different parts of the WordPress editor.
Top toolbar
The upper left area of the top toolbar provides the following options:
- Click the USC logo to return to your website dashboard (administrative controls)
- Click the Inserter
icon to open the block inserter, which allows you to add components to the page
- Undo and redo buttons are available
- The documents overview option shows a list outline of all the components you are currently using on the page
The upper right area of the toolbar provides the following options:
- Manual option to save (unpublished or draft pages are autosaved every 15 seconds)
- Click the Yoast icon to view Yoast SEO options
- Click the Settings
icon to show or hide the sidebar
- Click Publish when you are ready for your page to be visible to website visitors
- Click the Options
icon to show the options menu
Content area
This is the main editing area, where you can add and edit content on the page.
Settings sidebar
Click the Settings icon in the upper right of the toolbar to show the Settings sidebar.
This sidebar appears to the right of the content area and shows additional settings you can adjust. Some useful settings include:
Additional sections
Block inserter
Click the Inserter icon in the upper left of the toolbar, and a panel will open to the left of your content area. This panel is the block inserter, and you can use it to search for and add components to your page content.
Options menu
Click the Options icon in the upper left of the toolbar to show the Options menu. This menu allows you to customize your view to minimize visual distractions as you work in the editor.
Setting up the page title and URL
In the Add title field, type a page title.
WordPress automatically uses the title to generate the page URL (link). To edit this link, select the Link field in the Settings sidebar.
Adding and editing page content
Whether you want to add text, images, or other media to your page, you will use components to add content. Refer to the following guide:
Editing the menu
The department website menu appears as a black horizontal bar below the department name on each page. This menu is edited not in the WordPress editor but on the Menu Admin Screen:
Adding a banner or featured image
You can add a banner, or full-width featured image, to any page, and can even add a video banner on the homepage. Refer to the following guide:
Saving, previewing, and publishing an unpublished page or draft
Save draft
Unpublished or draft pages are autosaved every 15 seconds. To manually save your progress, click Save draft in the top toolbar.
Preview draft
To preview, click the View 
icon in the top toolbar and select Preview in new tab 
.
We recommend avoiding the Desktop, Tablet, or Mobile options: the preview for these options is inaccurate and will also make it difficult to switch back into editing mode.
Instead, to preview how the draft displays for visitors on tablets or mobile devices, manually resize your browser window.
Publish draft
To publish a draft, click Publish in the top toolbar:
Revising a published page
Make minor changes
If you are making minor changes, you can edit the page and then click Save in the top toolbar. Then, click the View Page 
icon to view the updated page.
Make major changes
If you are making extensive changes, you can use the Rewrite & Republish feature.
Viewing or reverting to an earlier version
You can view earlier versions of your published and unpublished pages, but be aware that the formatting may be a little difficult to read:
Quick guide
- In the Settings sidebar, click the Revisions field.
- The Compare Revisions page opens. Drag the slider control
along the timeline to view earlier page versions, including the author, date, and exact changes made.
- To compare versions, select the checkbox Compare any two revisions, which provides a second draggable slider control .
- To revert the current page to an earlier version, click Restore This Revision.
Detailed guide (with screenshots)
- In the Settings sidebar, click the Revisions field.
- The Compare Revisions page opens. Drag the slider control along the timeline to view earlier page versions, including the author, date, and exact changes made.
- To compare versions, select the checkbox Compare any two revisions, which provides a second draggable slider control .
- To revert the current page to an earlier version, click Restore This Revision.
Avoiding sync issues
To prevent sync issues, WordPress warns you if a page is currently being edited by someone:
Be aware that WordPress will not warn you if you have the page open for editing in more than one browser or tab, or on more than one computer. For this reason, avoid having the same page open in the WordPress editor in multiple browser tabs at the same time.