Working With Images Using WordPress

This article covers basic of uploading images with wordpress and how to add those images to your pages and post along with some useful information about sizing. Adding images is relatively easy using the image upload feature in the post or page editor. Be sure to read the “Note on Image Sizes” at the bottom of this page. It’s quite important.

Adding Images using WordPress;

First have your cursor set at the spot in your post, or page, where you want the image to appear. Following the steps below will paste the image code at that spot in your editor.

Should you want to move the image to another location within the body of your text an easy way is to switch to HTML view, find the portion of code for that image, copy, cut and paste it to the new location inside the text while in HTML view.

Uploading Images;

Click the “Add an Image” icon in the Add Media section above the editor buttons Then go and hunt for your image file on your computer and hit the upload button.

The folder on your web server in which WordPress will be placing the image files must have its “File Permissions” set to allow remote uploads. If you get errors here saying the file could not be moved to the folder ask your web designer, or whoever set up wordpress for you, to change those file permissions.

Positioning Images To Your Liking

Next you will be presented with a number of options before placing the image in your post.

Give the Image atitle. By default it will use the file name, you can change it. You may add acaption that will appear below the image.Description too if you like, but not really needed.

You can choose to have the imagelink to something. This can be very handy if you want to upload a large image. You can have a smaller sized on inside your post but have it link to a larger version you’ve already uploaded to the server. Visitors can then click the link to view a full sized image without breaking the layout of your site.

You can set the alignment of the image and how text will wrap around it, or not wrap around it.

You may also set some size constraints here too. When you upload an image using the image uploader in WordPress it also creates a small thumbnail file of the image. So you may choose to display just the thumbnail in the post and have it link to the normal image. Or a medium sized version or the full sized file.

Now click the “Insert Into Post” button.

Important Image Sizing Information;

Images on your computer are sized in pixels. The space you have to place an image inside a post or page is limited to the width, in pixels, the content area your WordPress theme allows. If the size of your image extends beyond the width of the content area it can mess up the layout of your site and possibly force your sidebar down to the bottom of the page.

Typically, many WordPress themes are designed to be 800 pixels wide (the width of a 15? monitor). Now that more internet users are now using 17? and bigger monitors some wordpress theme designs are going wider than just 800px. Your sidebar may take up 200 to 300 pixels. There may be some padding around your content area, and you may be left with an effective width of 500 to 600 pixels to work with.

You should find out from your designer what the maximum image width is you will have to work with. Images larger than that should get resized with whatever image editing software you have on your computer. Simply open the image file in the editor, crop the image to your desired viewpoint, then reset the image dimensions. Now re-save the image. Perhaps you should give it a new filename if you would like to keep the original image in it’s full size. Need more WordPress Help?? There are plenty more WordPress Help Articles Now Available on our website.