First of all, we'll need to upload an image to Wordpress.

Please note Beverley has written a great resource on finding images for your site. View it here.

Before you do, I want you to position your cursor on the line which you want the top of your image to appear on. For example, I want my image to be at the very top of the screen, so what I'll do is position my "I" beam on the very upper line of text, as shown in the screenshot.

I suggest that you add each image to your article on a new paragraph - it's just looks a bit nicer then having images in random positions around the page.

So, position your blinking "I" beam (don't worry, we'll "float" the image in the next step) as shown here (purple line):


Now we're ready to upload the image. Time to hit the suspicious looking Add Media button.

From here, the upload window will appear. It's pretty self-explanatory but I'll explain a few things anyway:

If you have content already uploaded into Wordpress, you will find that here. I have nothing uploaded to this website, so my page is blank. If you did though, you can easily insert old uploads quite easily.

On the side there are a few options:

Insert Media is the page that we're on. It's the easiest way to get media from your computer into Wordpress.

Create Gallery is a fancy pants way of creating a gallery of photos (you wouldn't have guessed, eh). Just drop a bunch of pictures in and Wordpress will automatically create a grid like view of all the pictures, no plugin required!

Set Featured Image is quite nifty. Some themes let you set a featured image for a post that can appear in other places on your blog, such as next to the content on the front page. If your theme supports featured images, you can set that here.

Insert from URL lets you "hotlink" an image from another website onto yours. This is generally bad practice, as it's kind of rude to piggy back off someone else's bandwidth, and there's always the possibility that the server hosting your image might go down and your image with it. Best to host images on your own web server.

So, if you've been following me, click back to Insert Media so we can actually stick something in our post. By far the easiest way to get something into the uploader is to drag and drop it onto the page, but if you want to do it the old fashioned way with the system dialog, just hit the Select Files button. I'm going to drag mine in.

As you can see, there's no target you have to aim for. When the screen goes blue, you can release that mouse button!

From here, the image will upload. This normally takes just a few seconds, although does depend on your internet connection and the size of the image.

By the way, so far we're just doing images, but Wordpress can upload a lot more:

Images

  • .jpg,
  • .jpeg
  • .png
  • .gif

Documents

  • .pdf (Portable Document Format; Adobe Acrobat)
  • .doc, .docx (Microsoft Word Document)
  • .ppt, .pptx, .pps, .ppsx (Microsoft PowerPoint Presentation)
  • .odt (OpenDocument Text Document)
  • .xls, .xlsx (Microsoft Excel Document)

Audio

  • .mp3
  • .m4a
  • .ogg
  • .wav

Video

  • .mp4, .m4v (MPEG-4)
  • .mov (QuickTime)
  • .wmv (Windows Media Video)
  • .avi
  • .mpg
  • .ogv (Ogg)
  • .3gp (3GPP)
  • .3g2 (3GPP2)

It is worth noting however that not all these files will be displayed in the same way as images. For now, let's just stick to pictures.



Join the Discussion
Write something…
Recent messages
Kanayo Premium
Thanks for this.
Reply
Kwacha Premium
thank you
Reply
VSinatra Premium
Perfect step by step and added bonus link to finding images...thank you. I was stuck. :)))
Reply
lynbenjamin Premium
This is a great tutorial. Thanks
Reply
rflagler Premium
Thank you. this worked for me, I am using twentytwelve theme.
Reply
mrsnye2222 Premium
Good luck with it, it can be tricky
Reply
mrsnye2222 Premium
Good luck with it, it can be tricky
Reply
JimSullivan1 Premium
Thanks mhamit,I have been struggling with this and you explained it so well.
Reply
redwoodmk Premium
Thanks mhamit, for your super easy instructions
Reply
ShandaGreen Premium
This was great help! Thank you ;o)
Reply
shermand2268 Premium
I have images in my posts, but how do I get the images to show up when the post is first seen? Here's an example:

http://peoplelovinganimals.com/category/uncategorized/dog-training-product-reviews

I want pictures to show here - not just when they actually click on/open the post. 'Know what I mean?
Reply
jvranjes Premium
This may be theme issue. Themes have featured image which will show in the blog roll. But for some theme featured image is something else (they appear in header). In this case you can add image in the first paragraph on the right, and after that add 'read more'. This should work and your image will be in blog roll. Jovo
Reply
shermand2268 Premium
This didn't work. :( But thank you for trying to help.
Reply
OsreeM Premium
hi Mark,I am following your tutorial on uploading picture.Thank you very much for this,it helps but I am confused,let me explain.I have a URL field on top of the Title field that does not appear on yours and my photos appear in url format i/o picture on my edit page but appear correctly on my website.Is it normal and ok.I hope you understand me what I am talking about.Will be glad to follow you.
Reply
MaggieJoy Premium
Much appreciated!
Reply
ChrisBL Premium
Thanks Mark just what i needed, cheers mate.
Reply
MarvH Premium
Thanks Mark, This clarifies a lot.
Reply
AlejandraB Premium
Thanks for this turorial,
Reply
KBush Premium
Thank you for sharing your knowledge
Reply
cubandane Premium
Thanks Mark, Very good and I just uploaded a picture into my About Me post though it wasn't quite smooth sailing. Talk to you soon. Cheers, Simon
Reply
kevgeick57 Premium
Thank-you,can build a house from foundation too chimney cap,butt I`m at one brick here.very helpfl!
Reply
hmasters Premium
Very helpful and thorough post. Thank you.
Harold
Reply
Generation3 Premium
I guess I wasn' clear In my profile I want to ad an author of the blog picture.
Reply
Thanks mhamilt, I can upload pictures of relevant msgs into my webpages to enhance it.
Reply
WJC Premium
Thanks for the recap. I needed that!
Reply
geney33 Premium
Thank you mhamilt the training was really helpful. Gilles
Reply
mhamilt Premium
Awesome Gilles!
Reply
calaisv6 Premium
Great walkthrough of uploading images, thanks mhamilt, I'm a newbie and this helped alot!
Reply
mhamilt Premium
Awesome, glad to hear it :-)
Reply
MikeyB Premium
I have a question, it seems that no matter what image I pick from the web it does not load into a blog. It says loading but never does, is there a pixel count or something as it happens all the time.
Reply
lesliek Premium
I think there may be a pixel count... I just uploaded a low quality image and it went up fine but a high def photo wont load.
Reply
jerridn Premium
I appreciate the help
Reply
steveww Premium
Thank you for the info. Had started a blog months ago and ran a foul of all my images being way too large. Think I can solve that problem now with this training.
Reply
mhamilt Premium
Yeah, if you don't get it right it can be a pain. Glad the training is helpful :-)
Reply
Sherion Premium
Thank you very much for this training. I have been here for awhile and always had problems with my images and now with this I can go and re-do a few of mine. I am also building another website and have decided to go through all the Related Resources to each of the 30 Day Success Club outline. I am so glad this one was here. Thank you so much again!
Best Wishes To You!
Reply
Hudson Premium
Just wanted to say a big thank you for taking the time to put this together. To someone like me who knows what I want to do, but has little idea how to do it this is just great.
It further re-inforces the value of WAU.

Best regards

Hudson
Reply
i want to save all the helpful training tools from members but I dont know where to file them within this website. My forum didnt even work until yesterday & I only have 3 days left on my trial! I do not have a website yet & I dont know if I can commit to the monthly membership
Reply
mhamilt Premium
If you work hard at what WA teaches then the monthly fee shouldn't be a problem within a short period of time. Although I know it is an issue for some people. You could also try sharing some of the content on WA with the new sharing options and try and earn some extra income that way.

There are many people that join WA with the intention of making income mainly because they're in a situation that's a bit stressed financially. Since building an online business isn't necessarily the easiest thing in the world to do (takes hard work) it can be easier if you have some stability/income so that you can concentrate on the ins and outs of online marketing without getting stressed because you need the money now.

WA will always be here.
Reply
thanks for the info, but im overwhelmed. could you follow me.
Reply
mhamilt Premium
Hey, what are you overwhelmed about?
Reply
mhamilt Premium
Thanks everyone, glad it's helpful!
Reply
lisawells Premium
Thank you so much. Clear, concise and just what I needed! Lisa
Reply
Hudson Premium
Thanks Mark,
Super explanation, very clear,
Hudson.
Reply
jpnetco Premium
Very nice explanation, I like your style, easy to follow. I've known how to add an image, but never looked at the additional tips you gave, now I look forward to adding more images.
Thanks.
Reply
Shawn Martin Premium
Thanks for the info! I just went through my site and fixed all the images. Thanks again!
Reply