Web Hosting

How To Insert an Image into WordPress

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.

Web Hosting

Comments on this entry are closed.

  • Toni 29 August, 2009, 10:42 pm

    Hello Martin.
    Thank you for this information. I’ve just insalled my first wordpress blog and was feeling very apprehensive about making my first post. I was afraid of encountering difficulties like how to add an image etc so I kept putting it off. Your post is timely indeed. I would also like to say that your Blogging for newbies has proved to be very useful in helping me to configure my blog. I really like your site. I’ve been visiting it everyday. Thanks again. bye bye. Toni

    • WealthyDragon 30 August, 2009, 8:18 am

      Hi Toni,

      Thanks for those very kind comments and I’m delighted that the tutorial and the articles have been helpful to you!

      You’re always going to encounter difficulties when you start something for the first time, so my view is just jump in and deal with things as they arise.

      You can never anticipate and prepare for all eventualities – and you’d never get anything started if you tried to.

      So just prepare as best you can and then jump in and see what happens. There’s always help available – and certainly, as far as WordPress is concerned, you’re very welcome to ask me questions at any time – either by leaving a comment in an article that isn’t clear or by contacting me through the Contact page.

      Thanks again and good luck with getting your blog going! 🙂

      Cheers,

      Martin.

  • issie 18 September, 2009, 12:05 am

    hi, im glad i found a page like yours. Ive already ask for these in wordpress forum but no one answers me. So here it is…
    i want to know why, when i upload an image in a post, this doesnt show in the home page. It shows as an empty entry. However in the single post it looks good. Please help
    .-= issie´s last blog ..prueba de tamaño de imagenes =-.

    • WealthyDragon 18 September, 2009, 7:56 am

      Issie, hi,

      I think it’s probably a theme problem.

      Try activating the WordPress default theme to see if the problem disappears. If it does you’ll know it’s theme related.

      If your theme has any control panels that allow you to adjust settings make sure that it’s set to display the full text of your post (not excerpts).

      If you want to break up the text of long posts as they appear on the front page you can use the ‘More Tag’ button in the visual view of the Add New Post screen when you’re writing your post.

      Cheers,

      Martin.

  • Emma 22 March, 2010, 2:02 am

    Hi, I was having trouble with my images on Wordpress – I can do what you explained, but how do you make the image actually show up on the uploaded page, and not just a link to the image?

    thanks, emma

    • Martin 22 March, 2010, 6:57 am

      Emma, hi,

      I don’t understand your question… If you follow the steps above then once you click ‘insert image into post’ WordPress will display the image itself, not a link.

      Can you give me more details? Or send me a URL so I can see what’s happening?

      Cheers,

      Martin.