Adding an Image in Gutenberg

There are three ways to add images with Guttenberg: as an individual image, cover image, or an image gallery.

Step 1 Hover your mouse over the Add Block icon (the plus sign in the upper left hand corner within the Gutenberg editor).

Step 2 Select Blocks. Then scroll to Common Blocks. Under that section you will see Image. Select Image. Hint: you can also add a gallery by using the gallery block.

Step 3 The image block will appear. You can add image from your media library or upload a new one from your computer.

Step 4 Once you selected which image you would like to use, you can customize it. A toolbar is on top of the image with a few options (Alignment options, a gallery option, edit image, wide width, full width, and insert link option).

Step 5 On the right hand side, you will see the settings. There you can alter the image sizes and add css classes.

Get Expert WordPress Help Right Now!
Name*
First
Is this training for?*
Phone
Please enter your phone number so we can fully discuss your needs.
Email Address*
Your Issue- Please be as descriptive as possible
Privacy*
- By using this form you agree with the storage and handling of your data by this website.
Phone
This field is for validation purposes and should be left unchanged.