How To Insert an Image into WordPress

by Martin Malden

I saw a thread today on the Warrior Forum from someone having trouble inserting an image into a WordPress post.

From what he said on the thread I think the cause was more than just finger trouble – but I figured I’d put up a process for it anyway.

So here it is – how to insert an image into a WordPress post:

In the post-write screen place your cursor where you want the image to appear and click the ‘Add an Image’ button (1 below).

In the next screen you have 3 options: From Computer (1), From URL (2) and Media Library (3)

Unless you’ve already created a Media Library in your blog (in which case you won’t need to read this!) you’ll want to choose either ‘From Computer’ or ‘From URL’.

The difference between these two is this:

‘From Computer’ allows you to browse to a file on your PC, and then select and upload it directly through WordPress. WordPress will upload it to your ‘Uploads’ folder and insert it into the post.

‘From URL’ enables you to insert an image that you’ve already uploaded to a different folder anywhere on-line, or that’s already uploaded somewhere.

If you choose ‘From Computer’ (the default option) here’s the process:

Click the ‘Select Files’ button (see the image above) and navigate to the image file on your PC

Click ‘Open’.

WordPress will immediately upload and ‘crunch’ the image and then present you with this screen:

Note that a thumbnail of the image you selected on your PC will be displaid.

Edit the title field (this fills out your title tag) and add other fields if you want – they’re optional.

The default title description is the file name, but you should put a more descriptive title to help the search engines and your readers.

Don’t alter the link URL

Set the alignment based on where you want the image to sit (left, centre or right). Selecting ‘None’ will left-align the image without wrapping the text around it.

Select the size from one of the radio buttons. WordPress will suggest the optimum size based on the dimensions of the image and where you’re inserting it.

Click ‘Save all changes’.

Click ‘Insert into post’.

WordPress will insert the image where your cursor was placed.

If you choose ‘From URL’ here’s the process:

Click the ‘From URL’ tab.

You’ll be presented with this screen:

Fill in the complete URL in the first field, including the http://. Make sure the full address is absolutely correct, including capitalisation.

If WordPress can find the picture it will put a little tick (check mark) against the field. If it cannot find the picture it will place an X – in which case carefully check the link you’ve typed in (capitalisation is important) and make sure the picture is in the location you specified.

Tip: type the URL into your browser, and when the image is successfully displaid copy the URL from the address bar and paste it into this field

Fill in the title. This also applies the title tag, so make it descriptive and relevant.

Fill in the other fields if you want – they’re optional

Select the alignment (left, centre or right). Selecting ‘None’ will left-align the image without wrapping the text around it.

If you want to make the image clickable insert the full URL (including http://) in the ‘Link Image to’ field.

Click ‘Insert into Post’.

You’re done – WordPress will insert the image where your cursor was placed.

Please share this article - I'm counting on you!
       
Found this article useful? Get free updates!

Get regular updates, plus a free eBook on how to set up a business online - join us!

Your details are safe with me.
My Privacy Policy.

Previous post:

Next post: