5. Adding and Editing Blocks in WordPress

In addition to dashboard options and admin modes, another WordPress editing tool is the Block Editor. This tool allows users to add and adjust web page elements. Block Editor is accessible from several strategically placed Edit links and + icons that switch to Edit Page mode.

From Edit Page mode, I was able to add text, images, and other elements to my web page using the Block Editor.

Block in WordPress is a term used for a variety of content options that can appear on a web page. Adding a block creates a space to be filled with a specific type of content. Blocks may be used to add text, images, tables, video files, and design details, among a plethora of other featured options.

I chose to make updates to my Contact page first, so I navigated to that page using the main menu I created for my site.

My Contact page appeared. I selected the text box and followed the prompt that said, “Type / to choose a block.” I chose to change it to an image block.

Alternatively, I could have used the + icon button to insert the block.

Either way, a box appeared with a list of several blocks types to choose from. I selected Image.

Pro Prep Tip:

I took some time to locate a few images that I thought would go well with the style I planned for my website. I saved those files on my computer with a plan to eventually download them to the Media folder (found on the dashboard of my WordPress account and also accessible through Block Editor).

This minimal prep set me up nicely for when it came time to play around with how my images looked with the different style and layout options available.

The image block allowed me to access images I had saved (either to my computer or to the Media folder) or to upload new ones. I selected the one I wanted, and it popped into place.

Underneath my image, I used the Block Editor to add a small gray line called a separator, which I thought added some style. And finally, I added a text box (called a paragraph in Block Editor) to add my email address, which I was easily able to turn into a clickable link using the link icon on the block’s menu bar (see screenshot below).

I made sure to save my changes by clicking Update.

  1. Choosing a Web Address
  2. Selecting a Web Builder and a Host Server
  3. Following Bluehost’s Set-Up Prompts
  4. Using WordPress Through Bluehost
  5. Adding and Editing Blocks in WordPress
  6. Adding Additional Pages (and Links to Them)

Glossary of Terms for Reference