{"id":27483,"date":"2021-05-09T15:46:00","date_gmt":"2021-05-09T12:46:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=27483"},"modified":"2021-10-17T17:19:45","modified_gmt":"2021-10-17T14:19:45","slug":"como-registrar-tamanos-de-imagen-personalizados-y-cambiar-el-tamano-de-imagenes-existentes-en-wordpress","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/es\/como-registrar-tamanos-de-imagen-personalizados-y-cambiar-el-tamano-de-imagenes-existentes-en-wordpress\/","title":{"rendered":"C\u00f3mo registrar tama\u00f1os de imagen personalizados y cambiar el tama\u00f1o de im\u00e1genes existentes en WordPress"},"content":{"rendered":"

WordPress tiene una miniatura de publicaci\u00f3n de funciones incorporada, tambi\u00e9n conocida como imagen destacada. Cada vez que se carga una nueva imagen en WordPress a trav\u00e9s del cargador de medios, se crean 3 tipos de im\u00e1genes con diferentes tama\u00f1os.<\/p>\n

El administrador puede registrar 3 tama\u00f1os para im\u00e1genes desde Configuraci\u00f3n-><\/strong> P\u00e1gina de medios<\/strong>.<\/p>\n

Tama\u00f1o de miniatura predeterminado<\/h3>\n

Como se ve en la captura de pantalla, el tama\u00f1o de la miniatura, el tama\u00f1o mediano y el tama\u00f1o grande est\u00e1n registrados. Cuando cargamos una nueva imagen, se crean proporcionalmente 3 im\u00e1genes con las dimensiones especificadas anteriormente. Si seleccionamos la opci\u00f3n ‘Recortar miniatura a las dimensiones exactas (normalmente las miniaturas son proporcionales)’ en ‘Tama\u00f1o de miniatura’, la imagen ser\u00e1 un recorte dif\u00edcil al tama\u00f1o especificado.<\/p>\n

Se trata de 3 tama\u00f1os predeterminados de imagen que WordPress nos permite desde la configuraci\u00f3n de medios. \u00bfQu\u00e9 pasa si necesitamos registrar un tama\u00f1o m\u00e1s para la imagen cargada? Aparecen algunos casos en los que necesitamos mostrar las im\u00e1genes con el ancho y alto exactos.<\/p>\n

Bueno, podemos hacer esto con unas pocas l\u00edneas de c\u00f3digo.<\/p>\n

Registrar nuevo tama\u00f1o de imagen para miniaturas<\/h3>\n

WordPress proporciona una funci\u00f3n add_image_size()<\/code>que ayuda a registrar un nuevo tama\u00f1o de post_thumbnail.<\/p>\n

Para usar este m\u00e9todo, debemos agregar soporte para miniaturas de publicaciones. Coloque el siguiente c\u00f3digo en el functions.php<\/code>archivo.<\/p>\n

add_theme_support( 'post-thumbnails' );<\/code><\/pre>\n
add_image_size()<\/code> El m\u00e9todo tiene 4 par\u00e1metros como este: add_image_size (‘nombre del tama\u00f1o’, ancho, alto, modo de recorte);<\/p>\n
Si pasamos el cuarto par\u00e1metro como verdadero, la imagen ser\u00e1 un recorte dif\u00edcil. Si pasamos falso, la imagen se recortar\u00e1 proporcionalmente.<\/p>\n
El c\u00f3digo de ejemplo ser\u00eda el siguiente.<\/p>\n
add_image_size('hard-crop-thumb', 120, 120, true ); \/\/ Hard Crop Mode\nadd_image_size('soft-crop-thumb', 220, 180 ); \/\/ Soft Crop Mode<\/code><\/pre>\n
Aseg\u00farese de no utilizar nombres reservados en la funci\u00f3n anterior. Los nombres reservados son ‘pulgar’, ‘miniatura’, ‘mediano’, ‘grande’, ‘post-miniatura’.<\/p>\n
Entonces nuestro c\u00f3digo final es el siguiente.<\/p>\n
add_theme_support( 'post-thumbnails' );\nadd_image_size('hard-crop-thumb', 120, 120, true ); \/\/ Hard Crop Mode\nadd_image_size('soft-crop-thumb', 220, 180 ); \/\/ Soft Crop Mode<\/code><\/pre>\n
Una vez que agregue el c\u00f3digo anterior en su functions.php, cada nueva imagen cargada a trav\u00e9s del cargador de medios crear\u00e1 2 miniaturas adicionales con los tama\u00f1os anteriores.<\/p>\n
\u00bfC\u00f3mo usarlo?<\/h3>\n
Hemos agregado c\u00f3digo para tama\u00f1os de imagen adicionales. Ahora, para mostrar esas im\u00e1genes, puede usar el siguiente c\u00f3digo.<\/p>\n
<?php the_post_thumbnail( 'your-specified-image-size-name' ); ?><\/code><\/pre>\n
El c\u00f3digo anterior debe usarse dentro del bucle de publicaci\u00f3n. Si desea usarlo fuera del bucle, el c\u00f3digo ser\u00e1:<\/p>\n
<?php get_the_post_thumbnail('YOUR_POST_ID', 'your-specified-image-size-name'); ?><\/code><\/pre>\n
\u00bfPor qu\u00e9 deber\u00eda usar miniaturas regeneradas?<\/h3>\n
add_image_size()<\/code>La funci\u00f3n registra nuevos tama\u00f1os de miniaturas para las nuevas im\u00e1genes, no para las im\u00e1genes antiguas que ya se cargaron en un sistema. Para convertir im\u00e1genes antiguas, instale el complemento Regenerate Thumbnails<\/a> y act\u00edvelo.<\/p>\n
Despu\u00e9s de activar el complemento, vaya a Herramientas-> Regenerar. Miniaturas<\/strong>. Haga clic en el bot\u00f3n Regenerar todas las miniaturas.<\/p>\n
Tambi\u00e9n puede regenerar la miniatura de la imagen especificada. A continuaci\u00f3n se muestran los pasos para ello.<\/p>\n