Adding images to your posts

There’s two ways that you can add images to your post.

1. The easiest is to link to an image URL hosted on someone else’s site or your PhotoBucket/Flickr account. I’m going to link to a picture off my Flickr account of my puppy when she was a puppy.

Insert image in rich text editor
If you have the rich text editor switched on, the insert image button looks like a frame picture of a tree and if you hover over it, it will say “Insert/edit image (Alt-m)”. If you click on it you will get the following options:

Image URL = Copy the image location of the image you want (usually right click on an image and select “copy image location” does the trick). Mine is http://static.flickr.com/51/156063556_b02886ed97.jpg?v=0
Image description = It is accessible to more people if you write a short description of the image
Alignment = you can leave this blank and it will go with the default or choose the alignment that you want.

If you have the rich text editor switched off, click on the “img” button and it will only ask you for the image URL, so fill that in with the image’s location link.

Insert image in html editor
If the image location link works, you should see your image show up in your post editor window:
my puppy miffy learns to sit

Note that this picture is not on your server, so if the original image is removed or changed, your site will either have a broken link or link to something completely different.

2. The second way is a little more involved, but still pretty simple once set up. Below your post editor window (where you type in your content) you should have an Upload tab. Click on “browse” next to “file” until you find your image file, select it, fill out the title and a description and then hit “upload”. This will upload your pic to your uploads folder in wp-content on your server.*

screenshot of the image upload tab
Once uploaded, it should automatically switch to the Browse tab, but if not click on it and you should see a thumbnail of your image. If you click on the thumbnail you’ll get a some options

  • Using Thumbnail / Using Original (clicking on one will toggle to the other, if using thumbnail is displayed, you’ll get the thumbnail in your post if you click on “send to editor”)
  • Not Linked / Linked to Image (clicking on one will toggle to the other, if you choose “linked” it will automatically set up a link to the original… useful if the original is bigger than the space available)
  • Send to editor (clicking on this will copy the image into your editor window which means it will now be seen in your post when you publish it)
  • Delete (this will delete your image)
  • Close Options (closes these options and lets you see your thumbnail, open options again by clicking on the thumbnail in the Browse tab)

Image options screenshot
So I’m going to use the thumbnail (it will display “Using Thumbnail”) linked to the Original (”Linked to Image”) and so I”ll click on “Send to Editor” and here it is, my World of Warcraft elf, Carmine, in a Darkshore forest (clicking on it takes you to the original):

carmine in the forest

* Some servers have trouble with uploads and will give you an error message. This usually has to do with folder permissions. I’ve found that I’ve always had to play around with the backend with my my Micfo Fantastico WordPress installations in order to get this feature to work. I haven’t had any trouble with my manually installed Dreamhost blogs. It’s not such a big deal, in your file manager, go to your uploads folder in wp-content and if you have a “change permissions” option change them to “775″ at the very least, but I usually find I need a “777″ to work. For more info, here’s the WordPress Codex on Changing Permissions. Usually, that solves the problem and you can then upload to your heart’s content.

Post a Comment

Your email is never published nor shared. Required fields are marked *

*

*