Cómo cambiar el tamaño de la miniatura en WordPress y por qué desea hacerlo


Cuando configura un nuevo sitio web de WordPress, la plataforma le ofrece tres tamaños de imagen para jugar: miniatura, medioy grande (más la resolución original del archivo). Esto le brinda una gran cantidad de opciones con las que trabajar. Sin embargo, las miniaturas en particular pueden ser difíciles de usar, ya que debe asegurarse de que se vean bien en todos los temas y dispositivos.

Afortunadamente, cambiar el tamaño de las miniaturas de las imágenes en WordPress solo toma uno o dos minutos. Mientras lo hace, también puede agregar nuevos tamaños de imagen predeterminados a su sitio web, para obtener aún más opciones. En este artículo, le enseñaremos cómo hacer ambas cosas, ¡así que manos a la obra!

(incrustar) https://www.youtube.com/watch?v=jqO3ht-JnEA (/ incrustar)

Suscríbete a nuestro canal de Youtube

Cómo cambiar el tamaño de su miniatura en WordPress

Cambiar el tamaño de las miniaturas en WordPress es muy fácil. Estos son los pasos que deberá seguir, en los que profundizaremos en breve:

  1. Vaya a su panel de WordPress.
  2. Navega al Configuración> Medios lengüeta.
  3. Busca el Tamaños de imagen> Tamaño de miniatura sección.
  4. Cambie el ancho y alto predeterminados de sus miniaturas en píxeles.

Eso es practicamente todo. Echemos un vistazo más de cerca a Tamaños de imagen> Miniatura sección, sin embargo:

La sección Tamaños de imagen> Miniatura. "Width =" 772 "height =" 277 "srcset =" https://www.elegantthemes.com/blog/wp-content/uploads/2019/05/media-settings.png 772w, https://www.elegantthemes.com/blog/wp-content/uploads/2019/05/media-settings-300x108.png 300w, https://www.elegantthemes.com/blog/wp-content/uploads/2019 /05/media-settings-768x276.png 768w, https://www.elegantthemes.com/blog/wp-content/uploads/2019/05/media-settings-610x219.png 610w "tamaños =" (ancho máximo : 772px) 100vw, 772px "></p>
<p>Como puede ver, los tamaños de miniatura predeterminados crean una imagen cuadrada proporcional. A 150 × 150 píxeles, esto es lo que debería mirar:</p>
<p><img loading=

Esta imagen emplea lo que se llama una "cosecha dura", ya que habilitamos la configuración Recortar miniatura a las dimensiones exactas. Lo que esto significa es que WordPress tomará el tamaño de la miniatura que establezcas, "llenará" el área con la imagen que usas y dejará el resto de la imagen fuera. Un "recorte suave", por otro lado, es un cambio de tamaño que encoge sus imágenes mientras conserva sus proporciones.

Por ahora, continúe y elija su nuevo tamaño de miniatura predeterminado. Luego, recuerde guardar los cambios en su configuración.

Una vez que establezca un nuevo tamaño de miniatura predeterminado, WordPress lo usará para todas las imágenes que cargue a partir de ese momento. Sin embargo, ¿qué sucede si ya tiene una biblioteca de medios considerable que usa otros tamaños de miniaturas?

En lugar de volver a subir esas imágenes, simplemente puede "cambiar su tamaño". La mejor herramienta para ese trabajo es el complemento AJAX Thumbnail Rebuild:

El complemento AJAX Thumbnail Rebuild.

Lo que hace este complemento es tomar todas las miniaturas existentes y cambiar su tamaño, una por una. También funciona en los otros tamaños de imagen que usa WordPress, como Medio, Grande, y así. Eso significa que puede usarlo incluso si cambia cualquiera de esas dimensiones predeterminadas (que le mostraremos cómo hacerlo más adelante).

Para comenzar, instale y active el complemento. Una vez que lo hagas, salta al Configuración> Reconstruir miniatura pestaña y elija las imágenes que desea cambiar de tamaño, y luego haga clic en el Reconstruir todas las miniaturas botón:

Configuración de miniaturas de WordPress.

El proceso puede llevar un tiempo, según la cantidad de imágenes que contenga su biblioteca multimedia. Así que tenga paciencia y no cierre la pestaña hasta que vea la Hecho aparece el mensaje.

Por qué es posible que deba cambiar el tamaño de la miniatura de WordPress

En este punto ya hemos cubierto el cómo cuando se trata de cambiar el tamaño de la miniatura, pero no hemos discutido por qué todavía. El tamaño de miniatura predeterminado de WordPress de 150 × 150 píxeles puede funcionar bien para algunos usuarios, pero ninguna resolución de imagen única es adecuada para todas tipos de diseños.

Es posible que desee miniaturas más grandes que muestren más detalles, por ejemplo. Esto es particularmente relevante si tiene una tienda de comercio electrónico. O tal vez desee utilizar una forma más rectangular, especialmente cuando se trata de Imágenes destacadas para un blog o sitio de noticias.

Si está rediseñando su sitio web o probando un tema nuevo, también es una buena idea dedicar un tiempo a experimentar con tamaños de imagen, para que pueda ver qué funciona mejor con el nuevo estilo. Además, el proceso es tan simple que apenas debería llevarte unos minutos y no afecta tu biblioteca multimedia existente a menos que instales el complemento adicional que presentamos anteriormente.

¿Qué sucede si desea agregar tamaños de imagen personalizados a WordPress?

Siempre que subes una imagen a WordPress, la plataforma hace algo de magia en segundo plano para cambiar el tamaño de esa imagen en múltiples dimensiones que puedes usar. Como mencionamos anteriormente, esto incluye miniaturas, imágenes medianas y grandes. Tener varios tamaños de la misma imagen puede facilitarle la vida, ya que le permite elegir la opción que mejor se adapte a sus necesidades.

Puede cambiar estos tamaños de imagen predeterminados utilizando el mismo proceso que describimos anteriormente. Sin embargo, también puede agregar nuevos tamaños predeterminados a su sitio. Esta puede ser una opción muy útil. Puede configurar tamaños específicos para todos los diferentes tipos de imágenes en su sitio y evitar tener que cambiar el tamaño de cada nueva imagen manualmente.

Para agregar nuevos tamaños de imagen predeterminados a WordPress, deberá editar el functions.php expediente. Eso significa que querrá conectarse a su sitio utilizando un cliente de Protocolo de transferencia de archivos (FTP) como FileZilla, y luego navegue hasta la carpeta raíz de su sitio.

Una vez que esté allí, abra el wp-content / themes directorio y busque la carpeta que comparte el nombre de su tema:

El directorio wp-content / themes.

Deberías encontrar el functions.php archivo dentro de esta carpeta. Una vez que lo haga, haga clic derecho sobre él y presione el Ver edición opción. Esto abrirá el archivo usando su editor de texto local, para que pueda realizar cambios en él:

El archivo functions.php.

Tenga mucho cuidado al realizar cambios en el tema functions.php archivo y no modifique su contenido existente. En su lugar, querrá agregar un nuevo fragmento de código en la parte inferior:

// This enables the function that lets you set new image sizes
add_theme_support( 'post-thumbnails' );
// These are the new image sizes we cooked up
add_image_size( 'post-image', 660 );
// Now we register the size so it appears as an option within the editor
add_filter( 'image_size_names_choose', 'my_custom_image_sizes' );
function my_custom_image_sizes( $sizes ) {
    return array_merge( $sizes, array(
        'post-image' => __( 'Post Images' ),
    ) );
}

Los comentarios dentro de este código explican cómo funciona bastante bien. Primero, le dice a WordPress que desea agregar nuevos tamaños de imagen a su tema. Luego crea una nueva opción predeterminada y la registra para que aparezca en el editor la próxima vez que la abra.

Echemos un vistazo más de cerca al nuevo valor predeterminado que registramos:

add_image_size( 'post-image', 660 );

Cuando agrega nuevos tamaños de imagen personalizados, puede establecer tanto el ancho como el alto. En nuestro ejemplo, simplemente establecemos el ancho, que siempre es el primer valor. Esto significa que WordPress cambiará el tamaño de las imágenes al ancho que queramos y una altura proporcional.

Si también desea agregar una altura específica, su línea se vería así:

add_image_size( 'post-image', 660, 480 );

Siéntase libre de agregar cualquier tamaño personalizado que desee, utilizando una nueva línea para cada uno. Luego, guarde los cambios en su functions.php archivo, y las nuevas opciones deberían aparecer en su editor de WordPress.

Conclusión

Una de las mejores partes del uso de WordPress es su personalización. No hay ningún aspecto de la plataforma, grande o pequeño, que no puedas cambiar. Eso también se aplica al tamaño de la miniatura de WordPress y las otras opciones de imagen predeterminadas.

Si desea cambiar el tamaño de miniatura predeterminado de WordPress, puede hacerlo en cuatro pasos rápidos:

  1. Vaya a su panel de WordPress.
  2. Navega al Configuración> Medios lengüeta.
  3. Busca el Tamaños de imagen> Tamaño de miniatura sección.
  4. Cambie el ancho y alto predeterminados de sus miniaturas en píxeles.

¿Tiene alguna pregunta sobre el tamaño de las imágenes de WordPress? ¡Hablemos de ellos en la sección de comentarios a continuación!

Imagen en miniatura del artículo de ConceptVectorDesign / shutterstock.com