Add, Disable & Use Custom Image Sizes in WordPress 3.3 Media Uploader

add_image_size('magazine-thumb', 120, 120, true); //crop
add_image_size('slideshow-thumb', 250, 220, false);
add_image_size('sidebar-thumb', 85, 85, true); //crop

function custom_wmu_image_sizes($sizes) {
        $myimgsizes = array(
                "magazine-thumb" => __( "Magazine" ),
                "slideshow-thumb" => __( "Slideshow" ),
                "sidebar-thumb" => __( "Sidebar" )
                );
        $newimgsizes = array_merge($sizes, $myimgsizes);
        return $newimgsizes;
}
add_filter('image_size_names_choose', 'custom_wmu_image_sizes');

function remove_wmp_image_sizes( $sizes) {
        unset( $sizes['thumbnail']);
        unset( $sizes['medium']);
        unset( $sizes['large']);

        return $sizes;
}
add_filter('intermediate_image_sizes_advanced', 'remove_wmp_image_sizes');

function custom_wmu_image_sizes($sizes) {
       unset( $sizes['thumbnail']);
       unset( $sizes['medium']);
       unset( $sizes['large']);
       unset( $sizes['full'] ); // removes full size if needed

       $myimgsizes = array(
              "magazine-thumb" => __( "Magazine" ),
              "slideshow-thumb" => __( "Slideshow" ),
              "sidebar-thumb" => __( "Sidebar" )
       );
       $newimgsizes = array_merge($sizes, $myimgsizes);
       return $newimgsizes;
}
add_filter('image_size_names_choose', 'custom_wmu_image_sizes');

8 Responses to “Add, Disable & Use Custom Image Sizes in WordPress 3.3 Media Uploader”

1. Sébastien Méric says:

   December 22, 2011 at 11:06 PM

   hi,

   thanx for the tips

   playing a bit with your code, i found that if you are using remove_wmp_image_sizes function then you probably also want to remove the radio buttons that should allow the unwanted types to be selected…

   if so, you may do like this :

   function custom_wmu_image_sizes($sizes) {
unset( $sizes['thumbnail'] );
unset( $sizes['medium'] );
unset( $sizes['large'] );
unset( $sizes['full'] ); // removes full size if needed

   $myimgsizes = array(
"magazine-thumb" => __( "Magazine" ),
"slideshow-thumb" => __( "Slideshow" ),
"sidebar-thumb" => __( "Sidebar" )
);
$newimgsizes = array_merge($sizes, $myimgsizes);
return $newimgsizes;
}


   seb.
   • Renji says:

     December 25, 2011 at 10:10 PM

     Thanks for the tip Sébastien. I have updated the post with your method.
   • Reitze says:

     December 28, 2011 at 8:35 PM

     Thans Sébastien & Renji, i tried it with the code above.
     But i cannot get the new image sizes to work.

     My code is at this moment:

     
add_image_size('magazine-thumb', 120, 120, true); //crop
add_image_size('slideshow-thumb', 250, 220, false);
add_image_size('sidebar-thumb', 85, 85, true); //crop

     function custom_wmu_image_sizes($sizes) {
unset( $sizes['thumbnail']);
unset( $sizes['medium']);
unset( $sizes['large']);
unset( $sizes['full'] ); // removes full size if needed
$myimgsizes = array( );
$newimgsizes = array_merge($sizes, $myimgsizes);
return $newimgsizes;
}
add_filter('image_size_names_choose', 'custom_wmu_image_sizes');


     It removes the empty (not used types) but do you know what the bug is? =)
     • Sébastien Méric says:

       December 28, 2011 at 9:23 PM

       hi,

       well, as you remove the 4 default image sizes with unset and don’t give a new list (your $myimgsizes array is empty !) then all radio buttons must have disappeared

       you must fill the $myimgsizes array with your new sizes (as in Renji exemple) :
       $myimgsizes = array(
"magazine-thumb" => __( "Magazine" ),
"slideshow-thumb" => __( "Slideshow" ),
"sidebar-thumb" => __( "Sidebar" )
);

       seb
2. Derrick says:

   January 30, 2012 at 4:57 AM

   I added this to the functions.php file, but nothing happened. It still shows the original options. Do I need to restart anything? I’m on iPage hosting, so I believe I can’t restart the server
3. Thomas Scholz says:

   January 30, 2012 at 10:36 PM

   Your code examples are close to invisible.
4. kas says:

   February 17, 2012 at 1:35 AM

   I want to remove the full size image and want to upload medium size image
   I tried
   unset( $sizes['full'] );

   but its not working for me, full size image radio button is still there
5. Maxoud says:

   June 14, 2012 at 5:01 PM

   Great stuff! Thank you!

   There is one moment: if you’ve unset all built-in sizes including full-size, you have to return $myimgsizes instead of merging arrays. So the last lines in the function should be:

   if( !empty($sizes) )
       return array_merge($sizes, $myimgsizes);
   else
       return $myimgsizes;