You can add photos and other images to your WordPress posts and pages.

This tutorial shows how to add an image to a post. The process is the same for adding an image to a page.

Free WordPress tutorial: Add an image to a WordPress post or page

Step 1

[twocol_one]Log in to your WordPress Dashboard and open the post or page. Place the cursor at the position where you want the image to be inserted.[/twocol_one] [twocol_one_last]Open the wordpress page or post where you want the image inserted. [/twocol_one_last] [hr]

Step 2

[twocol_one]Click Add Media above the formatting bar.[/twocol_one] [twocol_one_last]Click Add Media to add an image to a wordpress post or page. [/twocol_one_last] [hr]

Step 3

[twocol_one]The Insert Media page opens. Click Upload Files[/twocol_one] [twocol_one_last]Click Upload Files. [/twocol_one_last] [hr]

Step 4

[twocol_one]You now have two ways of adding your image. You can simply go to your file browser (Windows Explorer or Apple Finder) and locate the image, and then drag it into the white space where it says “Drop files anywhere to upload”.

Or you can click Select Files to open your file browser. You then choose the image file on your computer and click Open (in Windows computers). [/twocol_one] [twocol_one_last]Drag and drop images or click Select Files. [/twocol_one_last] [hr]

Step 5

[twocol_one]The image is uploaded and appears in the Insert Media page. It should have a big tick mark on it, as shown. If it doesn’t, just select it.[/twocol_one] [twocol_one_last]The new image file appears in the Insert Media page[/twocol_one_last] [hr]

Step 6

[twocol_one]In the bottom right-hand corner, click Insert into post.[/twocol_one] [twocol_one_last]Click Insert into Post. [/twocol_one_last] [hr]

Step 7

[twocol_one]The image is inserted into the post.[/twocol_one] [twocol_one_last]Image is inserted into the post. [/twocol_one_last][hr]

Step 8

[twocol_one]Once the image is inserted, you can change its size, add a caption, or align it left or right. To do this, click the image. An Edit Image button and a Delete button appear. Click Edit Image. (PS … if you want to delete the image, click  the red Delete button.)[/twocol_one] [twocol_one_last]Click the image, then click the Edit Image button. [/twocol_one_last] [hr]

Step 9

[twocol_one]The Edit Image dialog box opens. To make the image smaller, you select a percentage value in the Size column. You use the Alignment radio buttons to specify how the image should align in the page or post, i.e. to the left margin, the right margin, or centred[/twocol_one] [twocol_one_last]Adjust the image size and alignment. [/twocol_one_last][hr]

Step 10

[twocol_one]Lower down the dialog box you can enter the image title, the alt text, and a caption. The Link URL text box gives the link to where this particular image is saved in the database. If you leave it in, site visitors will be able to click the image and it will open in a separate window at full size (try clicking the images on this page to see what happens). You can delete the link or click None if you don’t want the image to be clickable.
Click Update when you have made your changes. [/twocol_one] [twocol_one_last]Click Update to save the changes to the image.[/twocol_one_last][hr]

Step 11

[twocol_one]You return to the post/page editing interface. Remember to click Update or Publish to save all your changes. Now you can view your published post or page online.[/twocol_one] [twocol_one_last]View the image online.[/twocol_one_last][hr]


[twocol_one]If you have already uploaded image files and you want to use them again on other pages, you don’t need to upload them again. At Step 3 above, instead of clicking Upload Files, click Media Library. This will open a list of all the media files available, and you can simply select the one you want and insert it into the page/post.[/twocol_one] [twocol_one_last]Add wordpress images - Media Library