Some of the more common questions I get regarding the Arthemia template have to do with adding images.  Even though it seems pretty straightforward there is always potential for a miscue along the way.

I recommend that everyone reads the post for the Arthemia WordPress theme, there is a lot of good setup information on there.

After installing your template and creating your first ‘Headline’ post, without an image, your site might look something like this.

Notice: I am just using the ‘Headline’ story as an example.  Any post you create without an image would look the same way.  The posts in the ‘Featured’ section, to the right, would also have a blank space for the images as well.

There are a couple steps we need to add an image to our posts.  First we need to upload the image.  Just a quick not here, just because you upload the image doesn’t mean you need to use it in your post.  Whats nice about this code is it allows you to use and image for the front page even if you don’t use it in your post.  However if you want to use the image in your post too go right ahead.

To upload an image you will click on the ‘Add an image’ icon above the section where write your posts.

Once you click on the icon a pop-up window will appear with your options to upload an image. The default option to upload is set for Flash and this has never worked for me. I always click on ‘Browser uploader’ to upload my images. After you upload your image you will be taken to the options screen. This is where you can edit the title, caption and description of the image as well as choose to insert the image into the post. Along with all that information this screen will also have the url of your image. Take this time now to copy the section of the url you will need for the ‘Custom Fields’ section. In my example this is what my portion of the url looks like: wp-content/uploads/2008/08/apple1.jpg. Notice I don’t have htt:www.mysite.com/ included in the value, this is very important.

Once you have copied the portion of your image’s url it is time to enter that information into the ‘Custom Fields’ section. To find the ‘Custom Fields’ section scroll down near the bottom of the page where you write your posts. For the Key value enter ‘Image’ (make sure you use an uppercase ‘I’) and in the Value box you can enter or paste your image’s url. After those have been added you can click on ‘Add Custom Field’.

After you finish this step you can Save or Publish your post and check your work. It doesn’t matter which section of the site you are adding the post and image to the steps are all the same. You are not required to edit the image before uploading it, the template uses an automatic resizer for each section. However some image sizes work better in some section than others.

Note:
If you go through all the steps and your images still don’t show up please make sure your scripts and cache folder permissions have been set to either 755 or 777.  On my sites with HostGator I use 755.

This post is tagged Arthemia, Template, Tips, WordPress