Cropping Post Thumbnails on Blog List

Hello Rob,

You have to use a filter. For instance, create a home.php template and, in this template, add this :

add_filter( 'beans_edit_post_image_args', 'myprefix_post_image_edit_args' );
function myprefix_post_image_edit_args( $args ) {
    return array_merge( $args, array(
        'resize' => array( 170, 170, true ),
    ) );
    }

Hope it helps. Mat

Hi Matt,

Thanks! That does work in resizing. I assume the images are cropped successfully, but I can't tell because of the image display issue I mentioned earlier. When I remove add_filter( 'beans_post_image_edit', '__return_false' ); from my functions.php file none of my blog thumbnails show up, which makes resizing/cropping them a rather mute point. However I need to remove that line of code to get your filter to function. So...catch 22.

When I have post_image_edit turned off, I get the following code on my page:

<source media="(max-width: 480px)" srcset="http://localhost:8888/wp-content/uploads/beans/images/pexels-photo-147408-2-2978a33.jpeg" data-markup-id="beans_post_image_small_item">
<img width="300" height="300" src="http://localhost:8888/wp-content/uploads/beans/images/pexels-photo-147408-2-1a3c971.jpeg" alt="" itemprop="image" data-markup-id="beans_post_image_item">

Which doesn't display the thumbnails successfully. The image simply can't be found. However when add_filter( 'beans_post_image_edit', '__return_false' ) is in place, the code output to my page is as follows:

<img width="1200" height="800" src="http://localhost:8888/wordpress%203/wp-content/uploads/2017/07/pexels-photo-147408-2.jpeg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" srcset="http://localhost:8888/wordpress%203/wp-content/uploads/2017/07/pexels-photo-147408-2.jpeg 1200w, http://localhost:8888/wordpress%203/wp-content/uploads/2017/07/pexels-photo-147408-2-300x200.jpeg 300w, http://localhost:8888/wordpress%203/wp-content/uploads/2017/07/pexels-photo-147408-2-768x512.jpeg 768w, http://localhost:8888/wordpress%203/wp-content/uploads/2017/07/pexels-photo-147408-2-1024x683.jpeg 1024w" sizes="(max-width: 1200px) 100vw, 1200px">

which works! BUT then your filter has no effect.

My understanding of how Wordpress and Beans handle images and feature image thumbnails is too limited to untangle this myself. Any other thoughts? Thank you!