1

Is it possible to change the image size of the thumbnails in the new media uploader?

For example images are currently displayed using the "thumbnail" image crop size and I would like them to be the "medium" image crop size.

  • 1
    Just to clarify...are you talking about changing the display of the Media stuff on the backend or images being used in the content somewhere? – JCL1178 Jan 15 '13 at 18:30
  • For within the new Media Uploader only. – m-torin Jan 15 '13 at 18:36
1

Supposing that I'm interpreting your Question correctly...

The thumbnails displayed in the new Media Uploader are already the medium sized ones, being constrained on the fly.

media uploader inspector

So, it's a matter of applying some CSS styling to increase their size. Maybe other style adjustments are necessary, this is just a proof of concept.

add_action( 'admin_head-post-new.php', 'style_thumbnails_wpse_81677' );
add_action( 'admin_head-post.php', 'style_thumbnails_wpse_81677' );

function style_thumbnails_wpse_81677()
{
    $thumb_width  = get_option( 'medium_size_w' );
    $thumb_height = get_option( 'medium_size_h' );

    echo "
    <style type='text/css'>
        .details.attachment, .attachement, .attachment.save-ready {
            width:{$thumb_width}px !important;
        }
        .attachment-preview, .attachment-preview .thumbnail {
            width: {$thumb_width}px !important;
            height: {$thumb_height}px !important;
        }
        .portrait .thumbnail img, .landscape .thumbnail img {
            max-width: {$thumb_width}px !important;
            max-height: {$thumb_height}px !important;
        }
    </style>
    ";
}

Result:

bigger thumbs in new media uploader

  • how do you enable the "attachment display settings", they don't appear on my site – paul Feb 20 '13 at 12:21
0
//wp-admin.css

.media-item .pinkynail {
  float: left;
  margin: 2px 2px 0;
  max-width: 200px;
  max-height: 200px;
}

change max width and height to the size you want

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.