In the near future, we expect to have the recording of this workshop embedded on this page. For now, please view the recording here.

---

Part One: Navigating the Pages Interface

Log in to your WordPress site and click Pages on the sidebar.

This is where you can view all of your pages, who created them, and when they were last published or edited.

You can also delete and edit pages in bulk, add new pages, and search them from this panel. See below for more instructions on editing a single page at a time.

---

Part Two: Adding a New Page

The latest version of WordPress has greatly simplified and streamlined their page-editing tools so you can focus fully on creating content. When you click “Add New” on the Pages dashboard, you will be brought to the Page Editor for a new, blank page.

The WordPress Page Editor can be split into three sections:

1. Content Editor
2. Metadata and Block Settings Editor (Sidebar)
3. Main Toolbar (Top)

Content Editor

The Content Editor is where you add text and media to your page. When you create a new page, you should give it a unique title that indicates what kind of content will be on the page (you can edit this at any time!). Then you can add content using WordPress’s block editor.

The block editor makes it easy to add text, images, audio, videos, and other media to your page. By default, there will be a Paragraph block on your page, which allows you to type in text. You can add a new block by clicking on the black plus symbol on the right side of the content editor and choosing another block type from the list. Additionally, you can click on the blue plus symbol in the upper lefthand corner of the main toolbar.

For more information on all of the different WordPress blocks you can use, please see WordPress’s Blocks Guide.

Once you have added content to your block, a small toolbar will pop up when your mouse hovers over block. The options on this tool bar will vary depending on what type of block you have, but it will always let you:

• Change the type of block
• Move your block up and down on the page
• Copy, duplicate, or save your block
• Insert a new block above or below
• Edit your block as HTML
• Create a group of blocks

With all of these tools at hand, the options for laying out your new page are virtually limitless. If you would like to see a more in-depth tutorial of any of the features described above, please reach out to the ITS Service Desk.

Metadata and Block Settings Editor

The sidebar to the right of the content editor is for editing the page’s settings and metadata, or the settings of a selected block. For the most part, you will not need to edit the metadata or settings of the page aside from its Status & visibility. The block settings, however, allow you to further customize certain features of your content blocks. For this tutorial we will look at the block settings for a Paragraph block, but keep in mind that different blocks will have different options.

The Page settings tab has five sections:

• Status & visibility: This is where you set whether the page is published or not, and who it is visible to (public or private).
• Permalink: Here you can change the permalink of your page. By default it is generated based on the page title.
• Featured image: If you would like a default image to appear in the header of the page, this is where you choose it.
• Discussion: Enable or disable commenting.
• Page Attributes: Set a template or a parent page.

The Block settings tab can have different settings depending on what type of block is selected. These settings allow you to further customize the appearance of your block. For a Paragraph block, it will have the following sections:

• Typography: Edit the font size of your paragraph.
• Color settings: Change the color of your text or the background of your paragraph block.
• Text settings: For a Paragraph block, this section will give you the option to apply a Drop cap.
• Advanced: All blocks have the ‘Advanced’ section. This allows you to apply a CSS class or an HTML anchor to your block.

Stay tuned for more specific tutorials on CSS classes and HTML anchors.

Main Toolbar

The main toolbar is probably the most straightforward part of the page editor. It is essentially used to show or hide different parts of the page editor interface, or switch over to a different type of editor if you have certain plugins installed (i.e., Elementor). We’ll break this down by focusing on the left side of the toolbar first, then the right.

The left side of the toolbar consists of six buttons:

• Add a block: In addition to adding a block by clicking the plus symbol in the content editor, you can also click the plus button in the toolbar. This will open up a gallery that shows all of the different block types you can choose from, and can be helpful for those who are new to WordPress.
• Switch cursor mode: This button allows you to switch the cursor between Edit mode and Select mode. By default, the cursor is set to Edit mode. Select mode can make it easier to choose a block to edit.
• Undo/redo
• Page info: This shows you the document outline, word count, and other data about your page.
• List view: This allows you to view a complete list of all of the blocks you have on your page, in order.

The right side of the toolbar has four buttons:

• Preview: This allows you to preview your page before publishing.
• Publish
• Settings: This button shows or hides the Metadata/Block settings panel explained above.
• Options: This button allows you to change the way your view mode, edit in HTML, manage your blocks, or change other various preferences that affect the way the block editor functions. Most users will not need to adjust these settings, though you are welcome to play around with it to customize your WordPress experience.

As you are editing your page, an additional button will show up to the left of the Preview button: Save Draft. This button allows you to manually save a draft of your page while you’re working on it. We highly recommend that you save regularly to avoid losing any work.

---

Part Three: Editing a Page

To edit or delete a specific page, hover your mouse over the name of the page. You will see a few options:

• Edit allows you to modify the contents of the page.
• Quick Edit allows you to modify the title, published status, slug (or URL), date, author, and password.
• Trash moves the page to the trash bin.
• View lets you view the page as site visitors would see it.

If you have certain plugins installed, you may see an additional option like Edit with Elementor.

Edit

The Edit button will bring you to the page editor described in part two of this guide.

Quick Edit

When you click Quick Edit, the page row will expand to give you some very basic editing options. Here you can change the title of the page, modify the slug (or URL), the publish date, the author, and the publish status. You can also create a password so only people with that password can view it.

---

Still have questions?

Stay tuned for more LMU Build tutorials, or reach out to the ITS Service Desk for more targeted support!