WordPress Tutorial – How To Add Images To Your Posts And Pages

WelcomeToWordPress.com This video will go over the step-by-step process of adding images to your posts and pages. It covers uploading images from your computer, linking to images on the web and using images you’ve already uploaded in the past. Also demonstrates formatting the size and alignment of the images in your post. Visit http for other WordPress Tutorials including: -Installing WordPress on your domain -Customizing your blog’s title and selecting a theme -Writing Posts for your blog -Using and modify widgets on your blog -Finding and installing plug-ins -Reviews and tutorials on specific plug-ins you may want to use You can also find tutorials on other subjects, and sign up for a free weekly newsletter filled with updates, tips and resources.

No related content found.


There are no revisions for this post.

Tags: , , , ,

24 Responses to “WordPress Tutorial – How To Add Images To Your Posts And Pages”

  1. NatalieGouche February 18, 2012 at 5:18 PM #

    You explained very well! Thanks! I sent this video to my´╗┐ client. Keep up the great work!
    – LA Social Media Trainer @NatalieGouche ­čÖé

  2. curethenoobs February 18, 2012 at 5:52 PM #

    @LynneAndChad What screen recorder did you use?

  3. plwcdi February 18, 2012 at 6:00 PM #

    I looked all over to find´╗┐ out about word press videos. Your the best!
    Thank you!!

  4. LynneAndChad February 18, 2012 at 6:28 PM #

    @GarciaKathy I don’t actually remember anyone asking that. All you have to´╗┐ do is put the three images in one after the other, but set them all to “left” alignment. The browser will the “stack” them horizontally.

    Each image will float as far to the left as it can, stopping when it meets the previous image.

    If you want to space them out horizontally, you can change the horizontal spacing under the “Advanced Image Properties” when editing the image. Hope that helps!

  5. GarciaKathy February 18, 2012 at 7:27 PM #

    How about 3 images aligned horizontally all together in one area, like´╗┐ one for the right, then there’s a center image, and then a left image? How do you do that? I saw one , attempted, but can’t seem to get it done. Apologies if this has been answered. Too many posts to go through and check. Thanks

  6. Blinkyman1 February 18, 2012 at 7:59 PM #

    @LynneAndChad Many thanks for the´╗┐ explanation!

  7. LynneAndChad February 18, 2012 at 8:04 PM #

    @Blinkyman1 In most cases (this one included)´╗┐ there really aren’t any differences between posts and pages – as far as adding content is concerned they are identical.

    The only real difference between the two is that pages don’t appear in the in lists of posts based on publishing date, or in categories, etc. ­čÖé

  8. Blinkyman1 February 18, 2012 at 8:34 PM #

    Good instructions,´╗┐ but you only talk about posts, whereas you video title refers also to pages. You should explain the differences, if there are any or not.

  9. LynneAndChad February 18, 2012 at 9:00 PM #

    @nzmoores Unfortunately, the reason your upload isn’t working properly is that .doc and .pdf are not image files – the are just Word and PDF files, respectively.

    In order to display on your blog your´╗┐ file needs to be in an image format – .jpg, .png and .gif are the most common options (.jpg being the most standard)

    Hope this helps!

  10. nzmoores February 18, 2012 at 9:33 PM #

    Hi. Thanks for the video. I previously added a photo without problem. Not now! The Alignment and Size options simply don’t appear. Any idea why? And the photo I grabbed in now saved in a .doc and .pdf file. ´╗┐ Not sure which to use. Help. Ta

  11. ukangelina February 18, 2012 at 10:30 PM #

    Help! I have the “structure” wordpress theme, and I can’t figure out how to add/replace the image on the home page. I was able´╗┐ to change the header/header image, no problem, but I can’t figure out what to do with this huge image in the middle of the page. Any ideas?

  12. LynneAndChad February 18, 2012 at 10:48 PM #

    @AwakenedMarketer Pretty much any image format will work: .jpg .png .gif are three of the most common ones.

    The file types you mentioned won’t work, as´╗┐ they aren’t technically image files. .doc is a word document, and .ppt is a powerpoint slideshow.

    I’d recommend pasting your screenshot into an image editor (microsoft paint should work) and select .jpg as the file type when saving.

    If you DO use Paint, you may lose some image quality: Paint compresses .jpg’s. If that happens, try .png instead

  13. AwakenedMarketer February 18, 2012 at 11:33 PM #

    HI great video, but I’m stuck. ´╗┐ What format does the image need to be in? I’m trying to add a screen shot into my WP.org blog. I tried making it a ppt and a word doc. Neither worked. Thanks much!

  14. LynneAndChad February 18, 2012 at 11:53 PM #

    @alexdyer3 Sorry to hear you’re having trouble. When you are selecting the paragraph you want to place the picture in, are you highlighting the text? Or simple left clicking to place the cursor there?

    I ask because you mention having to de-select before adding an image, which you should not have to do. Simply click once on the beginning of the line, and then click the “add image” button, and you should be good´╗┐ to go!

  15. alexdyer3 February 19, 2012 at 12:24 AM #

    When you select thebiggining of the paragraph it doesnt put the image where yo select because´╗┐ you have to unselect to click on the image box.

  16. alexdyer3 February 19, 2012 at 1:10 AM #

    I did exactly what you sai and it puts the image at the top of the page on whatever side i´╗┐ choose not where i put the mouse.

  17. alexdyer3 February 19, 2012 at 1:12 AM #

    So you cant drag an image where you want then? and It didnt work for me When I uploaded the image it puts it at the´╗┐ top of the page even though I put it for further down.and selected left.

  18. uknownusername1 February 19, 2012 at 1:55 AM #

    and can you leave ur comment on my channel so i´╗┐ can see it please and thanks

  19. uknownusername1 February 19, 2012 at 2:32 AM #

    how do i add an image such as fire´╗┐ or something?

  20. rsarchie February 19, 2012 at 3:05 AM #

    Very well produced. ´╗┐ Well spoken, image highlights, etc. Thanks for the post.

  21. LynneAndChad February 19, 2012 at 3:06 AM #

    @SEOtutoriales´╗┐ No problem! Thanks for the feedback!

  22. ryannagy February 19, 2012 at 3:57 AM #

    Well done. Very clear explanations and clear´╗┐ video. Thanks – Ryan

  23. sirapa28 February 19, 2012 at 4:11 AM #

    As soon as I opened the window for uploading. For a split second I see the upload path and button next to it, but then that whole area turns into a bigger button which says´╗┐ “choose file to upload.”

    I had one plugin on Firefox, which I turned off, and I tried through IE as well. Same behavior. Does that the button “choose file to upload” works for you?

  24. LynneAndChad February 19, 2012 at 4:48 AM #

    @sirapa28 Hi! My first suggestion would be to try the Browser Uploader (look for the link before you click the “Select Files” button.

    If that still doesn’t work, check for plugin confilcts. Deactivate all plugins and test the uploader. If it works, you know a plugin was the problem. Start´╗┐ reactivating them one at a time-when it breaks again, you’ll know which plugin was the culprit.

    If all else fails, Google “wordpress image upload not working” The first result is a forum thread that may help

Leave a Reply