Structure of the page

Depending upon how you last had the editor open, you may see it slightly differently when you open it the next time. Additionally if using it on different devices, e.g. a laptop and a phone, it may look different, as your browser is attempting to make best use of the space available.

Fundamentally, the editor has three “columns”:

Left-hand side navigator
  • This shows the structure of the post or page you’re editing as you build up the blocks, e.g. headings, paragraphs, columns, images, videos, etc.
  • You can toggle it on and off using the icon towards the top left that looks like three horizontal lines arranged like a set of steps.
  • You cannot adjust the width of this navigator at this time.
  • This navigator can be very useful in managing the structure of your post or page, for example if you want to reorder you paragraphs, you can simply select and move them in the navigator. No need for cutting and pasting.
The editor pane itself
  • This is where you enter and edit your content.
Right-hand side navigator
  • This made up of a series of widgets, which you can expand or collapse to see their content.
  • You can toggle it on and off using the icon that looks like a box divided into two columns, with the left one being twice the width of the right one.
  • You can adjust the width of this navigator by selecting the horizontal dividing line and moving it left or right.
  • It is very important to note that this navigator has two tabs:
    • Page or Post – Depending upon the type of artefact you’re creating, which will mostly be Posts. This tab has the widgets that define attributes for the entrie page or post you’re working on. For example, this is where you’ll find the widgets to assign a category, add a featured image, etc.
    • Block – This tab has the widgets for controlling the attributes for the block: heading, paragraph, column, image, video, etc. that you have selected in the editor pane at that moment.
Scroll to Top