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:

ajustes-imagenes

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.

Autor
Escrito por Jose Aguilar - Experto programador Prestashop y Wordpress.
Te ha servido? Valora esta entrada!
1 estrella2 estrellas3 estrellas4 estrellas5 estrellas (2 votos, promedio: 5,00 de 5)
Cargando…
Comparte en las redes sociales

Una respuesta a “Añadir tamaños personalizados de las imágenes en el editor de WordPress”

  1. Arles dice:

    Muchas Gracias!

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.