There are three ways to add images with Gutenberg: 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.

Adding an image in Gutenberg

Copyright ByRivers Tech LLC/ WP-Tutoring.Com All Rights Reserved.

  • Get Expert WordPress Help Right Now!

  • Please enter your phone number so we can fully discuss your needs.
  • This field is for validation purposes and should be left unchanged.