These instructions are for the Gutenburg or Block Editor, introduced in WordPress 5.0. The old WordPress editor, known as the TinyMCE editor, had limited features and functionality compared to the new Block Editor. The TinyMCE editor allowed users to add text, change font sizes, apply basic formatting options like bold and strikethrough, and add media with alignment options. However, the Block Editor offers a more advanced and flexible editing experience. It is centered around the concept of building blocks, where each block represents a piece of content such as a paragraph or image. With Gutenberg, users can easily add and arrange blocks to create visually appealing and dynamic content. Despite the introduction of the new editor, some users still prefer the old editor due to familiarity or personal preference. WordPress provides the option to switch between the old and new editors to accommodate different user preferences if you have the Classic Editor plugin installed.
In this guide, we will walk you through the process of adding page content using the Gutenberg editor.
Step 1: Accessing the Editor #
- Log in to your WordPress dashboard.
- Navigate to the “Pages” section and click on “Add New” to create a new page.
Step 2: Adding Blocks #
- Once you are in the Gutenberg editor, you will see a clean interface with a title field.
- Start by adding a title for your page in the title field.
- By default, the first block you see is a paragraph block. You can start typing or paste your content directly into this block.
Step 3: Formatting and Customizing Blocks #
- To format text within a block, select the text and use the toolbar options that appear. You can make text bold, italic, or add links.
- The toolbar also provides alignment options for centering or left-aligning text.
- On the right side of the editor, you will find additional options for customizing blocks. For example, you can change the font size, use inline code or images, and more.
Step 4: Adding Additional Blocks #
- To add more blocks to your page, click on the “+” icon located at the top-left corner of the editor or press the Enter key after an existing block.
- A block inserter will appear, allowing you to choose from various block types such as headings, images, galleries, lists, quotes, and more.
- Select the desired block type and start adding content within that block.
Step 5: Rearranging and Managing Blocks #
- To rearrange blocks, simply click on the block you want to move and drag it to the desired position.
- You can also use the up and down arrows in the block toolbar to move blocks up or down.
- To delete a block, click on the three-dot menu icon in the block toolbar and select “Remove Block.”
Step 6: Saving and Publishing Your Page #
- Once you have added and formatted your content, click on the “Save Draft” button to save your changes.
- To publish your page, click on the “Publish” button.
- You can also preview your page before publishing by clicking on the “Preview” button.
That’s it! You have successfully added page content using the Gutenberg editor. Feel free to explore more blocks and features to create engaging and visually appealing pages.
For more detailed information and advanced usage of the Gutenberg editor, you can refer to the official WordPress documentation at wordpress.org.