Once you’ve selected the image you want to upload

[zihadhosenjm90]

Once you’ve selected the image you want to upload, just click the “Open” button and it’ll be added into your post.

Open Image Screenshot

Now that you’ve added the image, a smaller thumbnail of it will appear as a new block within your post.

Here’s a screenshot of how that’ll look:

Image Added Screenshot

4. Image Settings & Quick Editing Options
Before moving on, you’ll want to get your image settings dialed in (as per SEO best practices).

And just like with the Classic Editor, you’ll be able to define a lot of different settings and properties for an image. With Gutenberg, it’s just done a little differently. Your image settings are instead located over on the buy afghanistan number list sidebar (after first clicking once on the image).

Here’s what those settings look like:

Gutenberg Image Editing Options

Be sure to define your image settings for at least these two properties:

Writing SEO-friendly alternative text that describes the image and weaves in a keyword phrase
Image size (I always display images as full size to avoid a loss in quality)
You can also click into the “Style” settings to add some more nuanced styling & built-in cropping features with Gutenberg.

5. Moving Images Around Within a Post via Gutenberg
One very cool side effect of the Gutenberg editor’s focus around using “blocks” of content, is how easily you can move your images (or any content blocks for that matter) around within a post.

After clicking once on the image you want to rearrange within your post—you’ll see “up” and “down” arrows appear right next to the image.

Click on those arrows to move your image up or down inside of your post, like so:

How to Move Image Blocks in Gutenberg WordPress Editor (GIF)

And that’s it! You’re good to go.
You’ve now learned how to add an image to WordPress in the Gutenberg Editor as well