1. There are three ways to add images with Guttenberg: as an individual image, cover image, or an image gallery.
  2. Hover your mouse over the Add Block icon (the plus sign in the upper left hand corner within the Gutenberg editor).
  3. 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.

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

5. 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).

6. 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.

Share