HacheMuda

Blog personal de Guillermo Latorre

Resultados de la búsqueda de "":

Añadir tamaños de imágenes personalizados al cargador de WordPress

Por defecto, el cargador de imágenes de WordPress genera automáticamente tres versiones de cada imagen en varios tamaños adicionales (además del tamaño original de la imagen):

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

Los tamaños de cada una pueden cambiarse desde el panel de administración, en el apartado Ajustes -> Multimedia.

No obstante, podemos añadir tamaños de imágenes personalizados que sean gestionados por WordPress de la misma forma que los tamaños por defecto. Para ello se usa la función add_image_size(), que permite definir un nuevo tamaño al gestor de imágenes nativo del gestor de contenidos.

WordPress: añadir tamaños de imágenes personalizados Captura del cargador de imágenes después de leer este post :)

Se pueden añadir todos los tamaños que quieras, sólo hay que pasarle como parámetro el nombre identificativo, la anchura, la altura y si se quiere recortar la imagen o no al redimensionar la misma.

Para añadir un par de tamaños adicionales, escribir en el fichero functions.php:

/* Definir nuevos tamaños de imágenes */  
if ( function_exists( 'add_image_size' ) ) {  
    add_image_size('ejemplo_grande', 1000, 600, true);  
    add_image_size('cuadrada_peque', 300, 300, true);  
}

De esta forma, cuando un usuario suba una nueva imagen desde el editor, automáticamente se generarán las versiones “ejemplo_grande” a 1000×600 pixels con recorte automático si lo necesita y “cuadrada_peque” a 300×300 pixels y también con recorte.

Mostrar los nuevos tamaños en el editor del post

Si además queremos que estos nuevos tamaños se vean en el cargador de imágenes del editor, para poder elegirlas al insertar una nueva imagen, tendremos que añadir unas líneas de código más al fichero functions.php:

add_filter('image_size_names_choose', 'hmuda_image_sizes');  
function hmuda_image_sizes($sizes) {  
    $addsizes = array(  
        "ejemplo_grande" => __( "Versión grande para usarla en la portada"),  
        "cuadrada_peque" => __("Cuadrada y pequeña para los listados.")  
    );  
    $newsizes = array_merge($sizes, $addsizes);  
    return $newsizes;  
}

Usar los nuevos tamaños en las plantillas del tema

Una vez hecho esto, ya podremos usar los nuevos tamaños en nuestro tema visual con las mismas funciones nativas de WordPress. Por ejemplo, para mostrar la imagen cuadrada_peque de un post dentro del bucle, sería:

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

Regenerar los nuevos tamaños de las imágenes ya subidas

Si activas nuevos tamaños en tu WordPress pero ya tenías anteriores imágenes subidas, estas antiguas no serán automáticamente regeneradas de acuerdo a los nuevos tamaños. Pero no hay problema, puedes usar un plugin como el Regenerate Thumbnails, que detecta los tamaños activos y regenera automáticamente todas las imágenes subidas a WordPress.