{"id":11032274,"date":"2019-09-12T19:52:13","date_gmt":"2019-09-12T19:52:13","guid":{"rendered":"https:\/\/wordpress.org\/support\/?post_type=helphub_article&p=11032274"},"modified":"2024-06-06T17:21:01","modified_gmt":"2024-06-06T17:21:01","slug":"inserting-images-into-posts-and-pages-block-editor","status":"publish","type":"helphub_article","link":"https:\/\/wordpress.org\/documentation\/article\/inserting-images-into-posts-and-pages-block-editor\/","title":{"rendered":"Inserting images into posts and pages (Block Editor)"},"content":{"rendered":"\n

Go back to the list of Blocks<\/strong><\/a><\/p>\n\n\n\n

Note: This page uses Block Editor. If you are a Classic Editor User, refer this page<\/a>. <\/em><\/p>\n\n\n\n

When creating or editing a WordPress page or blog post, you can easily add images to a post or page using the Image Block.<\/p>\n\n\n\n

Adding the Image Block to the Page or Post<\/h2>\n\n\n\n

To add an image to your page or post, you’ll add an Image Block.<\/a><\/p>\n\n\n\n

You can also add an Image Block from within your content. To do that, hover over the block you’d like to add the Image Block above or below and click the plus sign. Then select the Image block from the available blocks shown.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Detailed instructions on adding blocks can be found here<\/a>.<\/p>\n\n\n\n

Once you’ve added the block, you will see the option to upload an image, select an image from the Media Library or insert an image from a URL.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Adding the Image to the Block<\/h2>\n\n\n\n

There are four ways you can add an image to the block. Three offered via buttons on the Image block placeholder and one drag & drop way to add images to your post or page. <\/p>\n\n\n\n

    \n
  1. Upload from your computer<\/strong>
    Click on the “Upload” button. This opens up a dialog box pointing to your own hard drive. Select the file you want to upload and click on the “Open” button.<\/li>\n<\/ol>\n\n\n\n
      \n
    1. From the Media Library<\/strong>
      You can select an existing image from your Media Library by clicking the “Media Library” button. <\/li>\n<\/ol>\n\n\n\n
        \n
      1. Insert from URL <\/strong>
        Click on the “Insert from URL” button and paste or type in the URL for the image.
        Notes: <\/em>\n
          \n
        1. URL needs to be a fully qualified URL starting with https:\/\/ and the domain name and not be a relative reference to your own site.<\/li>\n\n\n\n
        2. Images inserted via URL, will not be saved into your Media Library. They keep referenceing the image from the site of the URL. If the site disappears, your image will disappear from your post or page. <\/em> <\/li>\n<\/ol>\n<\/li>\n<\/ol>\n\n\n\n