Si usted está construyendo un sitio web personalizado de WordPress puede surgir la necesidad de añadir tamaño de imagen personalizado. No es nada difícil, y te mostraré cómo hacerlo.
Sin embargo, hay una pega: solo por añadir nuevos bloques de tamaño de imagen WordPress no te dejará seleccionar esos tamaños de imagen en Imagen, Galería u otros bloques del editor Gutenberg de WordPress. Así que hoy te voy a mostrar todos los pasos necesarios para utilizar plenamente estos nuevos tamaños de imagen. Esto es lo que aprenderás a hacer:
- cómo añadir nuevos tamaños de imagen en WordPress
- cómo generar imágenes de nuevo tamaño
- cómo añadir nuevos tamaños de imagen a los bloques de WordPress
El ejemplo que te mostraré fue añadido al tema de muestra Genesis. Pero debería funcionar en cualquier tema de WordPress. Comencemos con el primer paso.
Cómo añadir un nuevo tamaño de imagen en WordPress
Añadir un nuevo tamaño de imagen en WordPress sólo requiere una línea de código. Lo que necesita hacer es ir a Apariencia >> Editor de Archivos de Tema en el panel de administración de WordPress, y abrir el archivo functions. php .
Desplácese hasta la parte inferior del archivo, y añadir la línea de código:
add_image_size( 'custom-550', 550, 500, true );
Lo que esta línea significa:
- custom-550 es un ejemplo de nuevo nombre de tamaño de imagen. Puede utilizar cualquier nombre que desee.
- 550 en el ejemplo es la nueva anchura de la imagen en píxeles.
- 500 en el ejemplo es la nueva altura de la imagen en píxeles.
- el último – true, muestra que la nueva imagen tiene que ser recortada. Así que incluso la nueva imagen se construye a partir de la imagen vertical, este nuevo tamaño tiene que ser recortado a ese tamaño específico que ha introducido.
Puede utilizar cualquier número y nombre que necesite.
Puede encontrar más información sobre la función add_image_size en la documentación de WordPress.
Después de añadir esta línea al archivo functions.php de su tema WordPress (o incluso mejor – del tema hijo) y guardar los cambios, el nuevo tamaño personalizado estará listo para ser usado en temas y plugins. Pero eso no es todo – necesitamos otros dos pasos para asegurarnos de que podemos utilizar la imagen en los bloques de WordPress.
Siguiente paso – generar las imágenes reales para ese tamaño de imagen personalizado.
Cómo generar nuevos tamaños de imagen o regenerar todas las imágenes en WordPress
Una vez que añada un nuevo tamaño de imagen personalizado en WordPress también debe generar imágenes de nuevo tamaño para los archivos multimedia ya subidos – WordPress no genera todas las imágenes automáticamente una vez que añade un nuevo tamaño de imagen personalizado.
Para generar imágenes de nuevo tamaño en WordPress vaya a Plugins >> Añadir nuevo, e introduzca regenerar miniaturas en el cuadro de búsqueda de la parte superior. Elija el plugin Regenerate Thumbnails e Instálelo ahora.
Una vez instalado y activado el plugin vaya a Herramientas >> Regenerar miniaturas, y haga clic en el botón Regenerar miniaturas para todos los archivos adjuntos.
Dependiendo de la velocidad de su servidor, el tamaño de la imagen y el número total de imágenes puede tardar desde unos segundos a minutos. Una vez hecho esto, puede ir al paso final: asegurarse de que el nuevo tamaño de imagen aparece en los bloques de WordPress.
Cómo añadir tamaños de imagen personalizados a los bloques de WordPress – Imagen, Galería y otros
Después de añadir un nuevo tamaño de imagen y generar miniaturas de nuevo tamaño puede pensar que el nuevo tamaño de imagen también estará disponible en el editor de bloques de WordPress. Pero en realidad no será visible todavía. El nuevo tamaño de imagen necesita tener un título para mostrarse en los bloques de Gutenberg.
Para añadir el tamaño de la imagen a bloquear ir a Apariencia >> Editor de archivos de tema, y abrir el archivo functions.php de nuevo, y añadir este código en la parte inferior:
add_filter( 'image_size_names_choose', 'imakeitwork_image_sizes' );
function imakeitwork_image_sizes($sizes) {
return array_merge($sizes, array(
'custom-550' => __('ImakeITwork image size')
));
}Asegúrese de reemplazar custom-550 con el mismo nombre de tamaño de imagen que utilizó en la función add_image_size que escribí anteriormente. Y siéntase libre de reemplazar ImakeITwork tamaño de la imagen con el título que desea que aparezca en los bloques de WordPress.
Después de añadir la función addimagesize y el filtro imagesizenames_choose podrás usar el nuevo tamaño de imagen en cualquier bloque de WordPress que permita seleccionar el tamaño de la imagen, como los bloques Galería e Imagen.
