Registrar Nuevos Tamaños de Imágenes para el Editor

En condiciones iniciales en Oxygen disponemos de solo cuatro opciones preconfiguradas para establecer el tamaño de las imágenes cuando las añadimos desde la biblioteca de medios. Estos tamaños son: tumbnail, medium, large y full (ver primera imagen lateral).

Pero podemos añadir mas opciones, tantas como nos interese, con los valores del ancho y del alto que nos sean convenientes.

Esto se puede hacer de varios formas, pero aquí vamos a explicar solo dos que creemos son las mas sencillas.

La primera es mediante un plugin de inserción de snippets como el Advanced Scripts o el Scripts Organizer;  en este ejemplo vamos a mostrar imágenes utilizando los dos plugins para aquellos que tengan uno u otro, aunque las diferencias son muy pocas.

Al finalizar tendremos la posibilidad de adaptar nuestras imágenes a mas tamaño como hayamos añadido, en el ejemplo de este tutorial serán dos tamaños mas. (Ver imagen de la derecha)

registrar tamaños imagen
registrar tamaños listo

Vamos allá

El código que vamos a utilizar es el que tenemos justo debajo y es el vamos a introducir en el editor de snippets que utilicemos ya sea Advanced Scripts o Scripts Organizer y de los que debajo del código mostramos unas imágenes de como debe quedar la configuración de cada uno de ellos.

<?php // Registramos tamaños de tumbnails personalizados add_image_size( 'Tamaño 400 x 200', 400, 200, true ); add_image_size( 'Tamaño 600 x 300', 600, 300, true ); function oxygenados_custom_tamanos($sizes){ $sizes[ 'Tamaño 400 x 200' ] = 'Tamaño 400 x 200'; $sizes[ 'Tamaño 600 x 300' ] = 'Tamaño 600 x 300'; return $sizes; } add_filter( 'image_size_names_choose', 'oxygenados_custom_tamanos' ); ?>

Vamos a explicar un poco este código, solo dando unas nociones de cada parte pero sin entrar en lo que es o como funciona cada una, solo mostrando las partes de código que se pueden modificar para adaptar el mismo a nuestras necesidades.

  • Tenemos la función add_image_size en la que tenemos cuatro parámetros que podemos modificar:
    1. 'Tamaño 400 x 200'  : Este es el nombre o definición con el que nos aparecerá en el desplegable del editor, podemos poner el que queramos y se ajuste a nuestros gustos o necesidades .
    2. 400, esta es la medida del ancho de la imagen en pixels.
    3. 200, medida del alto de la imagen en pixels.
    4. true, definimos si queremos que la imagen sea recortada, true para que si lo sea y false para que no la recorte.

Podemos poner tantos add_image_size con sus valores correspondientes como tamaños necesitemos.

Ya dentro de la función:

  • $sizes['Tamaño 400 x 200'] = 'Tamaño 400 x 200 ' , aquí metemos los datos en concordancia con lo que hemos puesto en el punto anterior y tantas veces como tamaños personalizados vamos a añadir.

Por último en add_filter no cambiar nada en el primer parámetro image_size_names_choose , el segundo parámetro es el nombre de la función y debe coincidir exactamente con el nombre que le hemos dado a la misma.

Scripts Organizerscripts organizerAdvanced Scriptsadvanced scripts

Una vez que tenemos ya nuestro código introducido y nuestro snippet convenientemente guardado hay un paso mas que debemos realizar y es regenerar los tumbnails. Para ello recomendamos el plugin gratutito Regenerate Thumbnails que te permite regenerar todos los tamaños de miniaturas de una o más imágenes que se hayan subido a tu biblioteca de medios.

Esto es útil en situaciones como:

  • Un nuevo tamaño de miniatura se ha añadido y quieres que subidas anteriores tengan una miniatura en ese tamaño.
  • Has cambiado las dimensiones de un tamaño existente de miniatura, por ejemplo desde «Ajustes > Medios».
  • Has cambiado a un nuevo tema de WordPress que usa imágenes destacadas de un tamaño diferente.

También ofrece la posibilidad de eliminar miniaturas antiguas no utilizadas para liberar espacio en el servidor.

regenerate
databasefile-emptyrocketthumbs-uplayers