If you read the last post you now know a little bit more about preparing photos and images prior to including them in a post on your blog or an article on your website. Now you are ready to include the image in your post.
For the purposes of this article I’m going to tell you how to put images in WordPress blog posts, as that is the blogging platform that I use and to which I’m most familiar. I think that some of the methods might be slightly different on other blogging platforms but the theory should be the same.
As I said in the last post there are at least two ways to get an image into your post. You can upload them directly from your computer, or you can upload them to a free photo hosting service first.
Let’s discuss uploading an image into a WordPress post first:
While you are in the post writing area of WordPress you’ll see an upload section right below the writing area. When you want to add a photo that you’ve already prepared for your post simply scroll down to the upload area and:
Find the Browse button in the upload section. Browse through the files on your computer to find the image that you’d like to upload.
Once you find the image that you’d like to use in your post click on the Upload button in the bottom section of the Upload area.
Once the file has uploaded you’ll see a thumbnail of the image on the left. If you are using a version of WordPress that is less than 2.1:
– you’ll have to click on the image to choose either thumbnail or full size
If you are using WordPress 2.1+
– Beside the thumbnail of the image you’ll be able to select between full size, thumbnail, or title. I believe title will just be a link to the photo on the server. Below that you’ll see that you can link to the file, the page or none. I tend to use full size images in my post so I usually select full size and none.
Now, before you click on the Send to Editor button place your cursor in the area of the post that you’d like the image to be located. Ok … now click on send to editor.
If you are in rich text or visual mode you’ll see the image. If you are in code or plain text mode you’ll just see the code for the image in your post.
If you are in code mode you can use < center > or < p align="center" > to align the photo in the center of the post. You can also use the paragraph tag to align the photo to the left or right side of the post. The text will come up and wrap around the photo if you set the photo to the left or right.
In Visual or Rich text mode you can simply click on the alignment icons near the top of the post to move the photo from left, center or right.
Then TA DA you have a photo inserted into your post.
If the photo is still a little bit too large for your post you can click on the photo and you’ll see points in the corner that you can drag to make the photo larger or smaller. You’ll only be able to do this while in visual or rich text mode.
The other way to get photos into your posts is to get the photo links from the free photo services that you’ve already uploaded your photos to – ie Flickr or Photobucket. Simply visit either of those sites, upload your photos if you haven’t already, and then depending upon which service you choose to use, select the photo and get the link for the approximate correct size of photo that you need for your post.
Once you have the image link, you can use the link button at the top of your WordPress post writing area to add the http link to your post.
Now you’re all set. You can create great posts with photos and images in them to illustrate whatever topic you happen to be discussing in your post.