WordPress.org

1. Michiel
   Member
   Posted 7 months ago #

   Hi... any ideas how I could get the small thumbnails to display on the blog roll page and medium size thumbnails on the individual post pages?

   Thanks in advance for your help!!

2. tomontoast
   Member
   Posted 7 months ago #

   You would have to use a custom plugin. I'm not sure that one exists at the moment. Basically the plugin would filter through the_content if it is an archive page and replace the url to the medium sized image with the url to the thumbnail. Do you have nay PHP experience?

3. Michiel
   Member
   Posted 7 months ago #

   Hi, thanks for your reply!

   Not really any PHP experience unfortunately... can read code and make some changes here and there but customizing stuff is a different story... I was thinking something around
   if it is a single page show medium thumbnail
   else mini thumbnail

   But where to put this?

4. tomontoast
   Member
   Posted 7 months ago #

   Could you post a link to your site and then I can attempt to write a small plugin you can put in your themes functions.php file.

5. Michiel
   Member
   Posted 7 months ago #

   Hi, thanks for your support!
   I have setup a standard blog here: http://www.mondaytalk.com/

   Let me know if there is anything I can do from my end.

6. tomontoast
   Member
   Posted 7 months ago #

   Put the following in your themes functions.php
   

   if(!is_single()){
     add_filter('the_content', 'medium_to_thumb_filter');
   }
   function medium_to_thumb_filter($content = '') {
     $pattern = '/-300x[0-9]+/';
     $replacement = '-150x150';
     $content = preg_replace($pattern, $replacement, $content);
     return $content;
   }

   The create a post how you want it to appear on its own. When not on a single page this little bit of code will make all the medium sized images thumbnails.

7. Michiel
   Member
   Posted 7 months ago #

   Thanks so much for your help! I have added the code to functions.php. Made a couple of changes:
   1. figured out that it is easier to have the thumbnail size on the blogroll, changed the size to 61x61.
   2. changed medium size to 150x150, but as the medium size does not automatic cropping to squares the horizontal and vertical pixels might differ.

   Updated the code to the following but cannot get it working.
   I have the following images:
   - img_0504-61x61.jpg
   - img_0504-150x99.jpg
   - img_0506-61x61.jpg
   - img_0506-99x150.jpg

   if(is_single()){
     add_filter('the_content', 'thumb_to_medium_filter');
   }
   function thumb_to_medium_filter($content = '') {
     $pattern = '/-61x[0-9]+/';
     $replacement = '-[0-9]+/x[0-9]+/';
     $content = preg_replace($pattern, $replacement, $content);
     return $content;
   }

   Does it matter where I place this function in the functions.php?

   THANKS!!!

8. tomontoast
   Member
   Posted 7 months ago #

   Here is the new code. See if that works.

   if(is_single()){
     add_filter('the_content', 'medium_to_thumb_filter');
   }
   function medium_to_thumb_filter($content = '') {
     $patterns = array('/-150x[0-9]+/','/-[0-9]+x150/'); //These are the patterns to match medium sized images
     $replacement = '-61x61'; //This is the thumbnail size
     $content = preg_replace($patterns, $replacement, $content);
     return $content;
   }

   Remember you need to put the medium sized images into your posts. This bit of code can't go from thumbnail to medium because it doesn't know what the dimensions of the medium image will be. If you want it to be the other way round you will need to put in a database query to find out the medium dimensions.

9. Michiel
   Member
   Posted 7 months ago #

   Argg.. I am afraid I made a total thinking error....

   When you upload media and insert it as a gallery in post you will automatically get the thumbnails (in my case 61x61), which probably indeed means some database query to make the change to medium sized thumbnails happen on the single post page:(

   Regardless I upload some images that have a fixed size:
   thumbails: 61x61
   medium: 150x150

   To see if the function works I did this:
   

   $patterns = '-61x61'; //These are the patterns to match default sized thumbnails
   $replacement = '-150x150'; //This is the medium size

   Unfortunately they get not replaced, you can check out post "test 3"

   Should I try a different theme than the default? Could there be something that is conflicting with your function?

   Again, thanks so much for your help!! Really appreciate it!!

10. Michiel
    Member
    Posted 7 months ago #

    And found here a way to make the medium size thumbnails fixed on 150x150:
    http://wordpress.org/support/topic/238007?replies=6

    Works great!

Reply

You must log in to post.