Aug 23 2008

Tutorial: TimThumb Thumbnail Generation with Arthemia

Posted in Web Development

If you still have problems getting the thumbnail automatic generation working, please read this tutorial. I spent a lot of my time creating this tutorial, including screen shots for some significant steps, and adding narrative text to each image. Please consider reading the whole instruction again, again, and again because I found out that there is 90% possibility that you missed one spot and there are many occurrences one say that he/she did not missed anything but ended up saying “Ah, yeah, I forgot that one.” :D

The CHMOD 777

Upload and activate the Arthemia theme. Then, the first step is to make the scripts and cache folder writable. You can either try ’777′ writable or ’755′ writable. Some web hosting company prevent you making any folder ’777′ writable due to some security reasons. But, I suggest you to try with ’777′ writable first. I use FileZilla to do the FTP work because it is free and has a lot of features. To make the folders writable, simply right click the folder name and select ‘File Attributes’ and a dialog box will show up.

You can tick all the attributes there, consider it a finger exercise, or directly type 777 as the folder attribute. Do this to both scripts and cache folder.

You’re done with FTP work and may continue to the image uploading procedure.

Uploading an image

To upload image, you can use the built-in Add Image WP feature. In the post editing page, notice the Add media icons just below your post title and permalink. Click “Add Image” and an image uploading page will show up.

Upload any image that you like, preferably the properly sized one (for example: 300×300 pixel or bigger for Arthemia theme).

After the image is uploaded, you can see the image location from the ‘Link URL’ field. In this tutorial, it is: http://michaelhutagalung.com/wp-content/uploads/2008/08/1.jpg. Values may vary depending on your blog settings. One may have the time-structured folder while others may not. Copy that value but remember to get rid of your blog home page location. In my case, the final value will be wp-content/uploads/2008/08/1.jpg.

Then, close the image uploading page and you do not need to clik ‘Insert to Post’ button if you do not want to. When you’re back in the post editing page, scroll down until you find “Custom Fields”. Make a new Custom Field with “Image” as the key and the image location as the “Value”.

You’re done. Please note that there is no support provided for Arthemia Free. Support is only provided for Arthemia Premium. If you have any problem with Arthemia Premium, please submit a support ticket to http://colorlabsproject.com/support.

Whether you want to pass CCNA voice or interested in CCNA wireless, our CCNA security training contains everything you need for exam prep.

Short URL: http://jubel.co/kVJLgC

Comments and Reactions

What if you have your say?

  • http://legacydaily.com legacy daily

    I removed the img tag width and height and let the timthumb generate the image to the right dimensions in Arthemia free. The image on the front page is not square any more but rather respects the aspect ratio of the original. I think it looks much better. Your themes are great. Keep up the good work.

  • Pingback: netztreiben » Blog Archive » WP- Theme Arthemia: Thumbnails und chmod

  • http://martinwaiss.com martinwaiss

    I love this outstanding theme. It’s simple yet powerful, with great straight-forward information architecture and design. Great job, Michael!

    @thumbnails: The thumbnail-generator works fine for me, if you do everything as described above; though I’m not such a big fan of directories with all permissions for everyone…

    Anyway, I’d love to figure out how to submit thumbnails by my own (e.g. via Post Custom Field: “Thumbnail” (100x65px), so the script would check first, if there was any custom field entry marked “Thumbnail” and only get to action, if there was no such entry. ??

    It would help to optimize the page loading times and the server load as well, because if I get it right, the thumbnail-script generates all of the thumbnails on the fly every time again and again…

    Have you been thinking about any “other” solution on this topic? Thanks.

  • http://www.theathomecouple.com Elijah

    After a little bit of fumbling and double checking I got it working just fine!

    I absolutely love this theme – and plan to buy an unlimited license on the premium version.

    Cheers!

  • http://magazinethemes.nyherald.com Steven

    FYI thumbnails for this theme don’t work with WordPress MU -
    either in the subdomains or in the main domain of WPMU.

  • http://www.michaeljubel.com Michael

    @smitchell: well, have you double-checked everything? I guess you might have missed something there. anyway, can you send direct e-mail to sales [at] colorlabsproject [dot] com and give me your Invoice ID and you website location?

  • smitchell

    I upgraded to premium and have wordpress in a subfolder on my site. The thumbnails are not generating. I thought that the upgrade allowed me to do this…

    Pls advise…

    == slm ==

  • http://michaelhutagalung.com michaeljubel

    @jay: upgrade to premium version, perhaps? :D

  • http://www.ca.nanasays.com Jay

    Yes you are right i installed to the main and it worked… but that sucks cause my original website is .asp and i wanted to Wp to suplement it. so does anyone have any ideas on how to make it work from the sub directory :?:

  • Anthony

    I DID IT!!! :mrgreen:
    I CONFIRM THAT THUMBS WORKS!

    Just install your WordPress to the MAIN directory, not in a sub directory like \wordpress.

    So to work correctly you must have an address like this:
    http://YourHostName\

    If you have for example an
    http://YourHostName\wordpress\
    or
    http://YourHostName\wp\
    ->it will NOT work…

    :arrow: TESTED

  • Anthony

    I use Artemia and i have the thumbnail problem.
    BUT
    Reading all posts i noticed that people affected by the problem have wordpress installed in a subfolder of the host. I mean that the problem with thumbs may be due to a path incongruence.
    Example: you have installed wordpress on a subdirectory like \wp or \wordpress
    So let’s try to reinstall wordpress in the main directory of your host, not in a sub folder.
    I hope it works! I’m trying it now…

  • Fatih
  • Fatih

    [23-Sep-2008 21:04:16] PHP Warning: chmod() has been disabled for security reasons in /home/fatincom/public_html/wp-content/themes/arthemia/scripts/timthumb.php on line 139
    [23-Sep-2008 21:04:16] PHP Warning: Cannot modify header information – headers already sent by (output started at /home/fatincom/public_html/wp-content/themes/arthemia/scripts/timthumb.php:139) in /home/fatincom/public_html/wp-content/themes/arthemia/scripts/timthumb.php on line 277
    [23-Sep-2008 21:04:16] PHP Warning: Cannot modify header information – headers already sent by (output started at /home/fatincom/public_html/wp-content/themes/arthemia/scripts/timthumb.php:139) in /home/fatincom/public_html/wp-content/themes/arthemia/scripts/timthumb.php on line 278
    [23-Sep-2008 21:04:16] PHP Warning: Cannot modify header information – headers already sent by (output started at /home/fatincom/public_html/wp-content/themes/arthemia/scripts/timthumb.php:139) in /home/fatincom/public_html/wp-content/themes/arthemia/scripts/timthumb.php on line 279
    [23-Sep-2008 21:04:16] PHP Warning: Cannot modify header information – headers already sent by (output started at /home/fatincom/public_html/wp-content/themes/arthemia/scripts/timthumb.php:139) in /home/fatincom/public_html/wp-content/themes/arthemia/scripts/timthumb.php on line 280
    [23-Sep-2008 21:04:16] PHP Warning: Cannot modify header information – headers already sent by (output started at /home/fatincom/public_html/wp-content/themes/arthemia/scripts/timthumb.php:139) in /home/fatincom/public_html/wp-content/themes/arthemia/scripts/timthumb.php on line 281
    [23-Sep-2008 21:04:16] PHP Warning: Cannot modify header information – headers already sent by (output started at /home/fatincom/public_html/wp-content/themes/arthemia/scripts/timthumb.php:139) in /home/fatincom/public_html/wp-content/themes/arthemia/scripts/timthumb.php on line 282
    [23-Sep-2008 21:04:16] PHP Warning: Cannot modify header information – headers already sent by (output started at /home/fatincom/public_html/wp-content/themes/arthemia/scripts/timthumb.php:139) in /home/fatincom/public_html/wp-content/themes/arthemia/scripts/timthumb.php on line 283
    [23-Sep-2008 21:04:16] PHP Warning: readfile() has been disabled for security reasons in /home/fatincom/public_html/wp-content/themes/arthemia/scripts/timthumb.php on line 284
    [23-Sep-2008 21:04:16] PHP Warning: chmod() has been disabled for security reasons in /home/fatincom/public_html/wp-content/themes/arthemia/scripts/timthumb.php on line 139

    this is my problem

  • http://www.ca.nanasays.com Jay

    ok after talking with customer service this is what they had to say

    Sergey Arseniev: Please check in your code that you used correct path to this file

    I get //Articles/wp-content/uploads/2008/09/pr.jpg not found

    my website is ca.mynanasays.com/Articles

    i need some help here.

  • MOVIESTAR

    I have a problem with thumbmails
    i did all what is writen but it did not work with me
    my web site :
    can any one help me!!

  • Pingback: weare… » featuring specific posts

  • http://ca.mynanasays.com/wordpress Jay

    I have tried everything i can find and still im not yielding any results. can someone forward me a copy of a working timthumb.php. :shock:

  • DA

    PNG with transparency or alpha transparency will not work.. so do the following in the
    “/wp-content/themes/arthemia-premium/scripts/timthumb.php”
    file

    find this line…

    //—————
    $image = open_image( $mime_type, $src );
    //—————

    and replace with

    //—————
    if($mime_type==’png’){
    $image = imagecreatefrompng($src); // open image
    imagealphablending($image, true); // setting alpha blending on
    imagesavealpha($image, true); // save alphablending setting (important)

    }else
    {
    $image = open_image( $mime_type, $src );
    }
    //—————

  • http://www.ca.nanasays.com Jay

    also when i view image using firefox i get //wordpress/wp-content/uploads/2008/09/game3-300×197.jpg not found but its present on the article itself. both folders script and cache are 777 chmod….. your help is desperately apreciatted.

  • http://www.ca.nanasays.com Jay

    I have went dow your previous post and I have right clicked the spot where the picture would go abd this is the that is displayed. Location: http://ca.mynanasays.com/wordpress/wp-content/themes/arthemia-premium/scripts/timthumb.php?src=http://ca.mynanasays.com/wordpress/wp-content/uploads/2008/09/game3-300×197.jpg&w=150&h=90&zc=1&q=100

    type: text/html

    Image dimension :150px × 90px

    size of file: Unknown (not cached)

  • http://www.theshinepost.com Marie Daniels

    Believe you installed the auto- resizer but something is not working properly. Could you take a look, please? The pictures are auto generating for the headline article or the thumbnails.

    Thank you !!!! I so want the theme to look its best as you intended.

    Marie Daniels

  • Pingback: Xwordpress.com » Blog Archive » Michael Jules Beautiful Wordpress Theme

  • http://www.psydir.com Sabin

    now the images are being displayed but just because i hardcoded mime_tyle =image/jpeg in the script. it didn’t return a mime type and the images are being displayed only when i use zc=0. nothing shows with zc=1. any ideas? thanx

  • http://www.psydir.com Sabin

    the images are created in the same directory as the originals are but they don’t display.

  • http://www.psydir.com Sabin

    Hi. As you can see on my site http://www.psydir.com the images do not show on the front page. I’ve tried to go with both 755 and 777 permissions on the scripts and cache folder but nothing seems to work. if i print $mime_type from your script nothing appears. any idea where else to look?. the images are uploaded, the value of the “Image” custom field is good. Waiting for your answer. Thank you!