Using the WordPress Block Editor

This article explains how to use the WordPress Block Editor to create and edit content on your website.

What is the Block Editor?

The Block Editor (also called Gutenberg) is WordPress's built-in content editor. Instead of typing everything in one box, you add different "blocks" for text, images, buttons, and other content.

Opening the Block Editor

1. Log into your WordPress dashboard
2. Click "Pages" or "Posts" in the left menu
3. Click "Add New" to create content, or click an existing page title to edit it
4. The Block Editor will open

Adding Your First Block

1. Click anywhere in the main content area
2. A "+" button appears - click it to see all available blocks
3. Click "Paragraph" to add text
4. Start typing your content

Common Block Types

Paragraph: Regular text content Heading: Page titles and section headings Image: Upload photos from your computer List: Bulleted or numbered lists Button: Clickable buttons that link to other pages Columns: Split your content into multiple columns

Moving Blocks Around

1. Click on any block to select it
2. Use the up/down arrow buttons that appear to move the block
3. Or click and drag the six-dot handle to move blocks anywhere

Formatting Text

1. Select the text you want to format
2. A small toolbar appears with options like bold, italic, and links
3. For more options, look at the settings panel on the right side

Adding Images

1. Click the "+" button
2. Choose "Image" from the block menu
3. Click "Upload" to select a file from your computer
4. Wait for the upload to finish
5. Add alt text in the settings panel (describes the image for screen readers)

Saving Your Work

1. Click "Save Draft" to save without publishing
2. Click "Preview" to see how it looks on your website
3. Click "Publish" or "Update" when you're ready to make it live

Block Settings

Each block has its own settings in the right panel:

• Text blocks: Change font size, color, and alignment
• Image blocks: Add captions, resize, or make images clickable
• Button blocks: Change colors, size, and link destination

Click on any block to see its specific options.

Undo and Redo

Made a mistake? Use Ctrl+Z (Windows) or Cmd+Z (Mac) to undo. The undo button is also at the top left of the editor.

If you're still stuck, contact Web60 support through your account dashboard and we'll help you get sorted.

FAQ

Q: How do I switch back to the old WordPress editor?

A: Go to Plugins > Add New, search for "Classic Editor" and install it. This will restore the old text-box style editor.

Q: Why can't I see the formatting options?

A: Click directly on the block you want to format. The formatting toolbar only appears when a block is selected.

Q: How do I make text bigger or smaller?

A: Select your text block, then look for "Typography" or "Text Size" in the right panel settings.

Q: Can I copy blocks from one page to another?

A: Yes. Click the three dots on any block, choose "Copy", then paste it on another page using Ctrl+V or Cmd+V.

Q: What if I accidentally delete a block?

A: Press Ctrl+Z (Windows) or Cmd+Z (Mac) immediately to undo the deletion.

Q: How do I add a link to text?

A: Select the text, then click the link icon in the toolbar that appears. Type or paste your web address.

Q: Why won't my images upload?

A: Check your image file size - very large files may not upload. Try resizing the image to under 2MB first.