Using images on the homepage of BranfordMagazine and other PRiNZ Pro Themes

Using images on the homepage of BranfordMagazine and other PRiNZ Pro Themes

13.01.2010 in Tutorials

The use of images in PRiNZ Pro Themes is as easy as 1, 2, 3. Just write your article, upload an image, publish it and you´re done. You don´t even need to insert the image inside the article.

Just uploading, that´s all. Just make sure the folder “script” inside the themesfolder, its subfolder “cache” and the .htaccess file are writable by the server. If not user your favorite FTP client and set the proper rights (CHMOD 777). If you don´t know how that works search in google and find thousands of tutorials explaining that.

Also make sure you use the uploader within the write post panel and not the general media library because this will not work without an additional step. An image always needs to be attached to the article. As of WordPress 2.9 you can attach any image from the media library to a post. Just klick on the “Attach” link below the image in the media library (WP admin “Media > Library”) and select the post you like to attach it. An image that already has been attached to a post or page cannot be attached to another.

This is a step-by-step manual in pictures (Click to enlarge):

Click “add image”

add image 300x169 Using images on the homepage of BranfordMagazine and other PRiNZ Pro Themes   Michael Oeser

Select image(s) from you computer

select files 300x151 Using images on the homepage of BranfordMagazine and other PRiNZ Pro Themes   Michael Oeser

Select image

select files2 300x233 Using images on the homepage of BranfordMagazine and other PRiNZ Pro Themes   Michael Oeser

Close the uploader window after the image has been uploaded (this is not the right image, sorry)

image overview 291x300 Using images on the homepage of BranfordMagazine and other PRiNZ Pro Themes   Michael Oeser

Save/publish the post. Done!

result 300x213 Using images on the homepage of BranfordMagazine and other PRiNZ Pro Themes   Michael Oeser

Order of images and visibility

The Tim Thumb imagehandling-script always pics the first image that has been attached to an article and displays it. Again: It is not relevant if the image is inserted into the post or not. The script doesn´t care if the attached image or any other image is placed inside the article or not. Nor does it care for the order images are placed inside an article. The only relevant order is the order of the post-gallery where the image was uploaded. Make sure images are not too large because most webservers can´t handle the resizing of very large images. Images shouldn´t be larger than 1024×768.

Example

You write an article, click on “Upload/Insert > add an image” and upload image1.jpg to the article´s gallery. In this case image1.jpg is displayed e.g in the leadarticle-teaser on the homepage. Now you upload image2.jpg and insert it into the article. Still image1.jpg is displayed on the homepage whilst image2.jpg is displayed inside the article.

You can change this by switching the order of the uploaded images. click on “Upload/Insert > add an image”. Open the “Gallery” tab and you will see the order of your images. Now you can drag&drop the image order. The “first” image in the way WordPress handles it is the one at the very bottom of the list of images.