Difficulty

gold-star gold-star blank-star blank-star blank-star

How long will it take?

1397068449_clock 10 Minutes

Youtube Video

youtube-icon

Not yet available

Step 1

Navigate to the page that you want to insert the image on to.

Step 2

Click on the ‘Add Media’ button located above the content area

Step 3

On your computer, navigate to the folder containing the image you want to upload.

If you have previously uploaded the image you want to use, you will be able to select it within the WordPress media gallery instead – skipping step 3 and 4.

Step 4

Drag and drop the image into the WordPress media box.

Please click here to see more information about uploading multiple images at once.

Step 5

On the right hand side, fill in Title and other fields.

The Title, Caption, Alt Text and Description are all optional. However it is a good idea to use the Title and Alt Text fields for SEO. Click here for more info about this.

The Title will be automatically named the same as the original uploaded image. It is recommended to change it or leave the field blank as the default name may not be relevant to the image, for example a random number.

Step 6

Chose the image alignment from the dropdown.

If your image is being placed directly next to text you may need to change the alignment to left or right allowing text to wrap around the image. Otherwise you will probably want leave it on the default none or centre if it is not next to text.

As an alternative to using left or right alignment, try using column shortcodes to format your page. This will likely have a more predcitable and cleaner end result as well as allow for easier editing in the future.

Step 7

Chose if you want the image to link to something or not from the dropdown menu.

In most cases you will likely not want the image to link – in which case select None from the dropdown.

Another option is Media File – this will bring up the image in a popup on the page. Useful for if the image is scaled down on the page itself to allow people to see the full size version.

The last option is Custom – this will allow you to manually enter a url for the image to link to. An example of this would be a ‘contact us’ image linking to the contact page.

Step 8

Select the most appropriate image size. The amount of pixels for each option is shown within each option.

What you see here will vary depending upon the size of the original image. Unless the image is really large, it’s recommended to set this to Full Size. as we can scale the image down to fit the page content better later without a loss in quality that would happen if we scale a small image to be larger. The exception is if you want a much smaller, square, thumbnail image; in which case select Thumbnail.

 

Step 9

Click on the blue Insert into page button located in the bottom right.

The image will now appear within the page content. You can drag and drop an image to change its position within the page.

Additional Information – Editing an Image – 1

To edit an image after you have inserted it, click on it. Two small icons will appear towards the top left of the image. Click on the left most icon to bring up the image options.

Clicking on the other no entry style icon will delete the image from the page.

Additional Information – Editing an Image – 2

In the top left there is a grey bar named Size. Click on a lower percentage to reduce the image by that amount. For example 80% will mean that the image will shrink to 80% of its original size.

Below this area you will see all of the options previously mentioned in steps 5-7.

Click on update  to save the changes to the image. As always you will need to also click on the usual update or publish button when you have finished modifying the page or post.

 

Top