Cómo crear dimensiones de imagen adicionales en WordPress

¿Le gustaría crear dimensiones de imagen adicionales en WordPress? Por defecto, WordPress crea automáticamente más hijos de cargas de imágenes en diferentes tamaños. Además, los temas y complementos de WordPress pueden crear sus propias dimensiones de imagen. En este artículo, le mostraremos cómo crear fácilmente dimensiones de imagen adicionales en WordPress y usarlas en su sitio web.

¿Por qué crear dimensiones de imagen adicionales en WordPress? Normalmente, todos los temas y complementos populares de WordPress administran el tamaño de las imágenes. Por ejemplo, su tema de WordPress puede crear dimensiones adicionales para usarlas como miniaturas en las páginas de archivo.
Sin embargo, a veces estas imágenes pueden no coincidir con sus propios requisitos. Es posible que desee usar una dimensión de imagen diferente en un tema secundario o en una publicación de red de publicación. Puede hacer esto creando dimensiones de imagen adicionales en WordPress y luego pidiendo estas dimensiones cuando las necesite. Dicho esto, echemos un vistazo a cómo crear dimensiones de imagen adicionales en WordPress. Registro de las dimensiones de imagen adicionales para su tema La mayoría de los temas de WordPress, incluidos todos los temas principales de WordPress, acepten la función de la publicación (imagen presentada) de forma predeterminada.
Sin embargo, si crea un tema personalizado de WordPress, deberá agregar miniaturas de publicación agregando el siguiente código al archivo Functions.php. add_theme_support (‘post-thumbnails’); Una vez que active la publicación para publicar miniaturas, ahora puede usar la funcionalidad de las dimensiones de imagen adicionales utilizando add_image_size (). La función add_image_size se usa en el siguiente formato: add_image_size (‘nombre de tamaño’, ancho, altura, modo de cultivo); El ejemplo del código puede verse así: add_image_size (‘barra lateral’, 120, 120, true); // Hard Crop Modeadd_Image_Size (‘HomePage-Thumb’, 220, 180); // Modo de cultivo suave
ADD_IMAGE_SIZE (‘SinglePost-Thumb’, 590, 9999); // modo de altura ilimitado
Ahora, si se da cuenta, hemos especificado tres tipos diferentes de tamaños de imagen. Cada uno tiene diferentes maneras, como corte duro, corte suave y altura ilimitada.
Cubieremos cada ejemplo y cómo puede usarlos en sus propios proyectos. 1. El modo de cultivo duro, como puede ver, hay un valor agregado “verdadero” por altura. Ella le dice a WordPress que corte la imagen exactamente al tamaño que definí (en este caso 120 x 120px). Este método se utiliza para garantizar que todo sea exactamente proporcionado. Esta función cortará automáticamente la imagen desde el lado o de la parte superior e inferior, dependiendo del tamaño.
2. El modo de cultivo suave de forma predeterminada, el modo de corte suave se activa, por lo que no ve ningún valor adicional agregado a la altura. Este método cambia el tamaño de la imagen proporcionalmente sin distorsionarla. Por lo tanto, es posible que no obtenga las dimensiones deseadas. Por lo general, coincide con el tamaño del ancho, y las alturas son diferentes dependiendo de la proporción de cada imagen. Un ejemplo de pantalla se vería así: el modo de altura ilimitado hay momentos en que tiene imágenes súper largas que desea usar en el diseño, pero desea asegurarse de que el ancho sea limitado. Por ejemplo, las imágenes infográficas tienden a ser muy largas y generalmente más amplias que el ancho del contenido.

Este modo le permite especificar un ancho que no rompa su diseño, dejando que la altura sea ilimitada.

Mostrando las dimensiones de imagen adicionales en su tema de WordPress ahora que ha agregado la funcionalidad para las dimensiones de imagen deseadas, para echar un vistazo a su pantalla en su WordPress. Abra el archivo de tema en el que desea mostrar la imagen e inserta el siguiente código:

NOTA: Este fragmento de código debe pegarse al bucle posterior. Esto es todo lo que tiene que hacer para mostrar las dimensiones de imagen adicionales en su tema de WordPress. Probablemente debería envolverlo con el estilo que se adapte a sus necesidades. Regenerando las dimensiones de imagen adicionales si no hace esto en un sitio nuevo, entonces probablemente tendrá que regenerar las miniaturas. La función add_image_size () genera solo las dimensiones desde el punto donde se agregó al tema. Esto significa que cualquier imagen publicada que se haya agregado antes de incluir esta función no tendrá nuevas dimensiones. Para remediar esto, debe regenerar la nueva dimensión de imagen para imágenes más antiguas. Esto se simplifica mediante el complemento llamado miniaturas de regeneración. Una vez que instala y activa el complemento, se agrega una nueva opción al menú: Herramientas »Regeneración en miniatura

Verá la opción de regenerar la miniatura para todas las imágenes o simplemente para las imágenes presentadas. Le recomendamos que regenere todas las imágenes para evitar cualquier comportamiento inesperado o imágenes rotas. Para obtener más detalles, consulte nuestro artículo sobre cómo regenerar fácilmente nuevas imágenes en WordPress.
Activando las dimensiones de imagen adicionales para el contenido de su publicación, incluso si ha activado las dimensiones de la imagen en su tema, el uso es limitado solo a su tema, lo que no tiene sentido. Todos los tamaños de las imágenes se generan indiferentes, entonces, ¿por qué no hacerlas disponibles para que el postor las use en el contenido de la publicación? Puede hacer esto agregando el siguiente código al archivo de función de su tema wpb_custom
‘HomePage-Thumb’ => ‘Home Page Thumbmail’,

‘SinglePost-Thumb’ => ‘Infographic Single Post’
);
Return array_merge ($ size_names, $ new_sizes);
}
add_filter (‘image_size_names_choose’, ‘wpb_custom_image_sizes’);
Recuerde guardar los cambios después de agregar el código.
Ahora puede ir y subir una imagen en una publicación o en una página de WordPress. En la configuración del bloque de imágenes, verá las dimensiones personalizadas de la imagen debajo de la opción “Tamaño de imagen”.
Usted y otros autores que trabajan en su sitio web ahora pueden seleccionar estas opciones de tamaño cuando agrega imágenes a publicaciones y páginas. Esperamos que este artículo lo haya ayudado a aprender cómo crear dimensiones de imagen adicionales en WordPress. Además, es posible que desee ver nuestro artículo sobre los mejores complementos de compresión de imágenes para WordPress y nuestra guía de rendimiento de WordPress para mejorar la velocidad de su sitio.
Si le gustó este artículo, suscríbase a nuestro canal de YouTube para los tutoriales de video de WordPress. También puede encontrarnos en Twitter y Facebook.