Skip to end of metadata
Go to start of metadata

How to work with the new WordPress editor.

Step-by-step guide

There are a lot of important symbols to pay attention to, when it comes to this new editor, as most of it is heavily based on minimalist design and icons to bring the most space and design to a user.

  1. Create a new page or post; this will take you to the new editor.


    1. This is what the toolbar in general will look like: (Side note: If an icon, or button is washed out [ or greyed out ], you will not be able to click it, as there needs a title, or content to be added to the page).
    2. We will start with the symbol below: the plus sign surrounded by a circle.

      1. This symbol allows you to open up a drop down menu that allows you select a variety of different options to style your page.

      2. If you scroll down within the drop down, or close the Most Used list, there are more options to choose from. The drop down works just like an accordion, which means you can click to open and close a specific menu, if you don't like the options that are presented. Just click on the title, and it should open or close automatically.
      3. The most common ones that would be useful:
        1. Most Used
        2. Inline Elements
        3. Common Blocks
        4. Layout Elements
    3. The highlighted icon below is the undo button; it allows you to undo an action (which you can also you ctrl + z as well).

    4. The next icon that is highlighted is the redo button. It allows you to redo an action that you had undone (as if you had gone to far back in the past).

    5. The info button is next.

    6. The last icon, before the buttons is the block navigation, which displays the layout of how the editor is set up. For example, if you have multiple paragraphs, a bulleted listed, and a numbered list it will display in the hierarchy, like an outline to a thesis.

    7. Next, are the buttons that will help you preview, publish, and view the settings of the page. There does have to be content on the page for the buttons to be clickable.

    8.  The first indication that you have content on the page has been the check mark and the indication that the page has been saved. This is draft version of your site until you publish the page.
    9. The preview button allows you to see the content that is displayed without publishing the page; it's just what the page would look like.

    10. Publish button makes the page live, allowed to be view by the public, or those who can access your site.

    11. The setting button closes and opens the menu (as it is already open by default).

      1. The default menu that is already open, looks like this:
      2. It has accordion links, so they open and close depending on what you need. When the document option is selected, it will show you the over all options of the page or post that you have created. The block will link directly to the content that you have added, such as paragraphs, lists, and more.
      3. The permalinks list displays the url of the page, and can be changed. 
      4. The featured Image displays the option to set a feature image which will show an image before the page or post.
      5. Discussion asks if you want to display comments. This option should not be checked, unless you're running a blog, such as DIY.
      6. Page Attributes asks what template you want to use, and where the page belongs (parent page).
  2. These are the basic settings, steps to start editing your page! Good luck!