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.
Copyright ByRivers Tech LLC/ WP-Tutoring.Com All Rights Reserved.