Añadir tamaños personalizados de las imágenes en el editor de WordPress

Por defecto, el insertador de imágenes de WordPress genera automáticamente tres versiones de cada imagen en varios tamaños adicionales:

• Thumbnail: 150×150 pixels.
• Medium: 300×300 pixels.
• Large: 1024×1024 pixels.

Estos tamaños se pueden editar en el panel de administración, en el apartado Ajustes -> Multimedia, pero si se nos diera el caso de que quisieramos añadir nuevos tamaños conservando los básicos deberemos editar el archivo functions.php de la plantilla añadiendo líneas como las siguientes:

add_image_size( 'category_list', 250, 180, true );
add_image_size( 'main_post', 770, 350, true );

En este caso particular, estamos declarando 2 tipos de imágenes con distinto tamaño (alto y ancho) usando la función add_image_size(), que permite definir un nuevo tamaño al gestor de imágenes nativo del gestor de contenidos.

También deberemos añadir en el functions.php la siguiente función:

add_filter('image_size_names_choose', 'hmuda_image_sizes');
function hmuda_image_sizes($sizes) {
    $addsizes = array(
        "post" => __("Principal posts"),
        "category_list" => __("Listado categorias")
    );
    $newsizes = array_merge($sizes, $addsizes);
    return $newsizes;
}

Añadiendo esta función hacemos visibles los nuevos tamaños en el cargador de imágenes del editor de WordPress mostrándose de la siguiente forma en ajustes de la pantalla de adjuntos:

Ahora para utilizar en las plantillas estas 2 nuevas dimensiones las podremos invocar de la siguiente forma:

<?php the_post_thumbnail( 'category_list' ); ?>

Esta llamada la utilizaríamos en el listado de posts de una categoría (archive.php).

Otra cosa que tienes que considerar es regenerar todas las miniaturas con Regenerate Thumbnails para que todos los posts dispongan de su imagen en las nuevas dimensiones.