1. Home
  2. WordPress
  3. WordPress Admin Editor
  4. Block Editor
  5. Block Editor: How to Add Images to WordPress

Block Editor: How to Add Images to WordPress

WP Enthusiast

WP Professional

WP Professional Plus

PairSIM WordPress

Podcast Websites

Learn how to add images to a page or post in the Gutenberg block editor. If you are using the Classic WordPress editor, see the How to Add Images to WordPress article.

Adding Images to Your Site’s Media Library 

These instructions are for adding media to your WordPress site outside of a post or page. If you wish to see instructions for adding media to a page or post, see the Adding Images to a WordPress Post or Page section below.

  1. Log into the WordPress admin interface
  2. In the left sidebar, hover over Media, then click Add New in the drop-downadd new image
  3. Add files by dragging-and-dropping them on the interface or using the Select Files buttonadd new media image
  4. Added images will appear underneath the Upload New Media interfaceuploaded media image

Adding Images Directly to a Post or Page

Make sure you are using the Gutenberg block editor. If you upgraded to WordPress 5, then your post and page editor will default to use the Gutenberg editor. If you are still using WordPress 4 (or earlier) or have the Classic Editor installed, then your editor will not work with this tutorial.

If you want to add images directly in a post or page, you can do so by following these steps:

  1. Open the page or post editor
  2. Click the plus button to add a new blockplus buttons
  3. Click the Image blockimage block image
  4. The image block will be added to the page. Click either the Upload or Media Library buttonimage block image 2
  5. Choose an image to add

The images will be added to your post in the block. You can move the block by clicking on the post and using the up and down arrows in the tool bar.moving an image image

To learn how to align images once they are added to your content, check out our How to Align Images in WordPress article.

Setting a Featured Image in a Post or Page

You can set a featured image for your blog posts or pages. To do this, follow these steps:

  1. Open the post or page editor
  2. Go to the right sidebar and click the tab labeled Featured Imagefeatured image tab image
  3. In the drop-down, click Set Featured Imageset featured image button image
  4. Upload an image or select one from your Media Library
  5. Click the Set Featured Image buttonset featured image button image

This will add the image as a featured image.

Updated on July 28, 2023

Was this article helpful?

Related Articles

Need Support?
Can't find the answer you're looking for?
Contact Support