content top
How to add Image to your WordPress Blog post

How to add Image to your WordPress Blog post

A picture says more than a thousand words. We like to visualize everything. Images attract readers’ attention and also make the posts more interesting. It is very easy to add images to a post by using image uploader.  Let’s jump right in to it. There are several ways to add images to your post e.g. adding images from your computer or hard drive, adding images from other web sites and adding images from media library.

 

Adding image from your computer or hard drive

1. In your blog post place the cursor where you want to add the image and click the “Add an Image” Icon.

add-image-from-computer1.1

2. Choose “From Computer” tab and click “Select Files” button. A dialog box will open to let you browse through your hard drive and select the image file that you would like to add.

add-image-from-computer1.2

3. Select the image click “Open” and the image will get uploaded to the web server from your computer. Once the image is uploaded WordPress will display an image option box.  

add-image-from-computer1.3

4. You can edit the image details in the Image option box before adding the image to the post. There are several options in the image option box.

Title: You can add a title for the image.

Alternate Text: Good for Search Engine Optimization, Alternate text or Alt text in short actually tells the search engine what the image is all about.

Caption: If you want a caption for the image then type the caption you want to display and it will appear directly underneath the image.

Description: You can add a description of the image here.

File URL: If readers click the image, the image will appear in its full size on its own page.

  • None: If you don’t want the image to be clickable.
  • Link URL: It tells you the exact location of the image on your server. Under the link URL there are three tiny buttons none, File URL and Post URL. 
      
  • Post URL: If readers click the image, the image will appear on the post.
  •  

    Alignment: You can choose the position of the image in the post.

    Size: You can customize the size of the image before adding it to the post.

    5. Once you edit all the details click “Insert to Post” button to add the image to the post.

     

    Adding image from the Web

    You can also add images to your post already exist on another web site. As the image is hosted by someone else if the files are removed or relocated, the images will no longer visible on your blog post.

    1. Click the “Add an Image” Icon.

    add-image-from-the-web

    2. Click the “From URL” tab in the “Add an Image” window.

    add-image-from-the-web

    3. Type or paste the full URL of the image including http and www portion of the address that you have found on the internet.

    4. Add a title for the image in the Image Title box.

    5. Add a short description of the image in the Alternate Text box for Search Engine optimization purpose.

    6. If you want a caption for the image you can add it in the Image Caption box which will display the caption right underneath the image in your post.

    7. Choose the alignment of the image by clicking “None”, “Left”, “Center” or “Right”.

    8. If you don’t want the image to be clickable choose None.  If you want to redirect the visitor to a specific page by clicking the image then type the address of the page in the Link  Image To box and click Link to image.

    9. Click Insert into Post button to add the image to your post.

     

    Adding image from the Media Library

    WordPress Media Library is where you can store your files which can be Images, mp3s, video clips or PDF files and can be used later on your blog.

    Fist I will explain how to add files to your Media Library and then I will explain the process to add images to your blog post from the Media Library.

    Adding  files to your Media Library

    1. Go to your Admin panel and Click “Add New” in the Media box.

    add-image-from-media-library

    2. Click on “Select Files” and a box will open to browse your computer to find the file that you wish to add to the library.

    add-image-from-media-library

    3. Once you have selected the file click “Open” and you will see a file option box. In the option box you can add the details of the file like title, alternate text, caption and description. File URL gives you the path of the file where it is stored on your web server.

    add-image-from-media-library

    4. Click “Save all changes” to save the file to the Media Library.

    Now I will explain how you can add images to the post which already exist in the Media Library.

    1. Position the cursor where you want to add the image then click “Add an Image” Icon.

    add-image-from-media-library

    2. Click on “Media Library” tab and it will show you all the files that are saved in the library.

    add-image-from-media-library

    3. Select the Image that you want to add to your post and click its “show” link.
    4. Image option box will come up for you to add details of the image before you insert it to your post. Some of the fields will be already populated if you have added the information when you uploaded the file to the Media Library.

    add-image-from-media-library

    5. Once all the details are added click “Insert into Post” to add the image to the post.

     

    Video Tutorial: How to insert an Image into a Blog post or Page
    Tags

    Related posts

    2 Responsesto “How to add Image to your WordPress Blog post”

    1. Linea Rein says:

      Hi. I am trying to insert and image to the left of the second paragraph of a new (pretty much very first) post. Everytime I try, it inserts the image at the the top of the post to the left of the FIRST paragraph. I can’t seem to fix it. I put my cursur next to the second paragagraph, but it always moves to the top. Can you offer any help? thanks.

    2. Jacob says:

      Linea
      Sounds like you are doing everything right.
      Put the cursor exactly where you want the image then click the add image button, once you select the image tick the Alignment Left and then click insert into post.
      Let me know how did you go with that.

    Leave a Reply