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

Gutenberg Editor: How to Add Images to WordPress

Learn how to add images to a page or post in the Gutenberg 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 buttonimage
  4. Added images will appear underneath the Upload New Media interfaceimage

Adding Images Directly to a Post or Page  

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 button image
  3. Click the Image block
  4. The image block will be added to the page. Click either the Upload or Media Library buttonupload image
  5. Choose an image to add

The images will be added to your post in the block. You can move the block by hovering over the block, then clicking the arrows that appear or click + holding the dots and dragging the block.move image

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

Updated on November 6, 2018

Was this article helpful?

Related Articles