Newsletter
Subscribe RSS
This entry was posted on 23 August 2008 at 14:06 and filed under Tutorial: TimThumb Thumbnail Generation with The Arthemias
23.08.08 at 14:06 in Wordpress and Themes # 82 CommentsThis post has been moved to http://colorlabsproject.com/knowledgebase-tutorials/tutorial-timthumb-thumbnail-generation-with-arthemia-theme/. This post is now closed.
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.” 
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 feel free to comment or ask for support in the forum but only if you’re 100% sure that you did not miss anything.
This post has been moved to http://colorlabsproject.com/knowledgebase-tutorials/tutorial-timthumb-thumbnail-generation-with-arthemia-theme/. This post is now closed.
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.
[...] anzufangen weiss… der Themeautor Autor hat sich dessen angenommen und auch hierfür eine lobenswerte Anleitung [...]
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” (100×65px), 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.
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!
FYI thumbnails for this theme don’t work with Wordpress MU -
either in the subdomains or in the main domain of WPMU.
@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?
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 ==
@jay: upgrade to premium version, perhaps?
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
I DID IT!!!
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…
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…
http://www.fatihbasaran.com/wp-content/themes/arthemia/scripts/timthumb.php?src=http://www.fatihbasaran.com/wp-content/themes/arthemia/images/avatar-tazmanyacanavari.jpg&w=300&h=275&zc=1&q=100
Please click, this is my problem,
[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
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.
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!!
[...] For a more detailed tutorial Click Here [...]
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.
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 );
}
//—————
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.
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)
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
[...] The headline title, large image and text contents are inserted by creating a normal post where you specify that the post belong to the “Headline” category. The large image is inserted by adding a custom field into your post (read the theme author’s detailed instructions here. [...]
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
the images are created in the same directory as the originals are but they don’t display.
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!