The first time you create page or post, you will be greeted with a pop-up about the Wordpress Block Editor. This powerful and intuitive tool lets you create and edit content and lets you see a preview of what your page will look like. It introduces a block-based approach, where each piece of content (such as paragraphs, images, videos, etc.) is treated as an individual block. This allows for greater flexibility and control over the layout and design of your pages and posts.
Start Editing
Tip: Until you click the Publish button, your page or post will be in draft mode, and only you will be able to see it.
Create a Paragraph Block
-
Begin typing in the edit window. A paragraph is the default block type.
-
As soon as you begin to move your mouse the block edit palette will appear(see image below). You can use the palette to change the selected block type,to move the block up or down, or to change the style of selected text.
-
Information about the selected block will be displayed in the Settings Panel to the right of the edit window. In this section you can edit features that affect the entirety of the selected block (see image below).
Create Other Block Types
-
To create a block click the + icon. This will show you a menu of different block options.
-
If you already know the block you'd like to create, type / followed by the name of the block you'd like to add, then type the Enter key.
At the top of the edit page is the Top Tool Bar. As the name implies, you can find useful tools such as the block inserter, the redo and undo buttons, and the Document Overview button (see image below).
Once you've created a few blocks, you might want more control of the appearance of your page.
Document Overview Panel
-
The Document Overview panel allows you to easily see and arange all the blocks you've created on your page or post. In the image below a paragraph contained within a column is selected. The selected paragraph is highlighted in a blue box in the edit area.
-
Drag and drop blocks up and down in the Document Overview panel to re-arrange the order that they appear. In the image below, a paragraph block was dragged from the top of the page to below a pair of columns.
Columns
The column block enables you to organize content blocks side-by-side, making it perfect for designing more complex and visually appealing layouts. For example, you can use columns to place text next to images, create sidebars, or even build responsive grids. Each column can contain any type of block, such as paragraphs, images, or videos, giving you complete control over the content within each column.
There are two options for adding images to page or post, either as an Image block or as a Featured Image. A Featured Image will appear beneath your Title and before any content blocks. The Featured Image will also display along with the title of your post in a post feed (such as a blog). An Image block will display as any other content block.
Add a Featured Image
-
Click Set featured image in the settings panel of your page or post.
-
A pop-up of your media library will appear. Click an image from your Media Library and click Set featured image (bottom left of the pop-up).
Add an Image Block:
-
On a blank line click the + icon and search for Image. Click Image.
-
Choose an option:
-
Upload: Select an image from your computer and upload it directy in your page or post. After uploading, the image will also be available in the Media Library.
-
Media Library: If your image already exists within the Media Library, click Media Library.
-
Insert from URL: It is generally not recommended to use this option unless the image is hosted on your own website.
-
To add a link, highlight the text you wish to link, and click the link button.
-
Search for a page or post, or type the URL of the website you'd like to link to and type the Enter key.
Previewing
Although you can see a basic preview of your content in the block editor, the Preview button gives you more options. The preview button is located in the top right corner of the edit screen. Note that the location of the preview button is slightly different depending on if your content is published or unpublished.
The Preview Button:
-
See other formats such as tablet or mobile
-
See what your content will look like on your site before publishing
-
If are updating content you've already published, you can preview before saving.
Tip: If you make changes to your content after clicking the preview button, you will need to close the old preview tab and click 'Preview in new Tab' again, otherwise the changes will not be updated.
Saving
If you are not ready to publish, and would like to come back later, click Save draft. There is no option to save a draft of a published page or post. Once your content is published, clicking the save button will update your live (visible) content. Note that You can always preview content without saving published content.
Publishing
When you are satisfied with your content and are ready to show it to the world, click the Publish button, located in the top right corner of the edit screen.
