La guía completa de miniaturas destacadas y tamaños de imágenes en WordPress

La guía completa de miniaturas destacadas y tamaños de imágenes en WordPress

Una imagen vale más que mil palabras, a menos que se haya cambiado de tamaño de manera inapropiada, en cuyo caso es un poco vergonzoso. WordPress contiene herramientas poderosas para cambiar el tamaño de imágenes y miniaturas, pero necesita saber cómo manejarlas.





Siga leyendo para conocer todo lo que necesita saber sobre los tamaños de imagen en WordPress y la gestión de imágenes destacadas.





Editar PHP en archivos de WordPress

Esta publicación contiene código PHP para WordPress. Es posible que desee leer nuestro curso intensivo gratuito de PHP antes de intentar cualquier modificación en su tema.





Si no se siente cómodo abriendo los archivos de su tema, o no quiere porque se perderán con futuras actualizaciones del tema, puede usar el Mis funciones personalizadas complemento para agregar bloques de código en su lugar.

https://en-gb.wordpress.org/plugins/my-custom-functions/



Conceptos básicos sobre el tamaño de la imagen de WordPress

En el panel de administración de WordPress, probablemente ya conozca Ajustes > Media.

quien me esta buscando gratis

Estos son los tres tamaños de imagen predeterminados, que WordPress llama: miniatura , medio , y grande . El tamaño de la miniatura tiene una configuración especial para recortarse en la dimensión exacta que especifique aquí. No es necesario que sea una dimensión de relación 1: 1; puede configurarla como desee.





Cuando el recorte está habilitado, las imágenes se escalarán y centrarán, luego se descartará todo lo que no encaje.

La configuración mediana y grande funcionan de manera ligeramente diferente, ya que especificará máximo dimensiones de ancho y alto, y las imágenes se reducirán en consecuencia. Si la imagen es demasiado pequeña, no se crearán esos tamaños de imagen.





Cuando carga una nueva imagen, el original se guarda y está disponible para insertar en una publicación a tamaño completo, y los otros tamaños de imagen registrados se crean automáticamente.

Agregar tamaños de imagen personalizados en WordPress

Los tres tamaños que se definen de forma predeterminada en WordPress pueden no ser suficientes, razón por la cual los temas y complementos pueden agregar sus propios tamaños personalizados. Si se siente cómodo editando los archivos de su tema, también puede hacerlo.

Abra el directorio de temas y busque el functions.php expediente. Añade el siguiente código, uno para cada tamaño de imagen que desee definir:

|_+_|

Cada nuevo tamaño de imagen necesita un nombre, dimensiones de ancho y alto, y si las imágenes deben o no recortarse exactamente a este tamaño ( cierto o falso ). Para las partes estructurales de un tema o widget, generalmente querrá recortar para que no rompa el diseño.

Es posible que tenga la tentación de crear muchos tamaños de imagen personalizados, pero debe hacerlo con moderación. Cada tamaño de imagen que defina se generará para cada una de las imágenes que cargue, incluso si solo lo deseaba para nosotros con la imagen destacada.

Entonces, si tiene siete tamaños de imagen personalizados, más los tres predeterminados, cada imagen que cargue generará 10 pequeñas copias de sí misma. Si considera que una sola publicación puede tener 10 imágenes incrustadas, son 100 archivos creados solo para esa publicación.

No puede crear un tamaño de imagen personalizado y especificar que solo debe usarse para sus imágenes destacadas.

Además, incluso si ya no usa un determinado tamaño personalizado y ha eliminado ese código (o ha cambiado los temas), las imágenes antiguas permanecerán en el servidor para siempre. WordPress no eliminará las imágenes no utilizadas por usted. En un sitio tan antiguo o tan grande como MakeUseOf, esto significa que algunos cientos de gigabytes se desperdician almacenando imágenes que ya no se utilizan.

Para sitios más pequeños, el Limpiador de medios El complemento puede ayudar, pero siempre ejecute primero una copia de seguridad completa.

https://wordpress.org/plugins/media-cleaner/#description

Tamaños de imagen personalizados para su uso en el contenido de la publicación

De forma predeterminada, los tamaños de imagen personalizados no aparecerán en el cuadro desplegable al insertar una imagen en una publicación. Lo único que verá allí es Miniatura, Medio, Grande y Tamaño completo (según el tamaño de la imagen original, ya que no se ampliará).

Si desea que su tamaño personalizado también esté en la lista, necesitaremos un poco más de código. Nuevamente, agregue a su functions.php expediente:

|_+_|

Esto funciona filtrando la lista del selector de medios. Fusionamos la matriz de la lista de tamaños original con cualquier tamaño nuevo que también queramos enumerar. Cambie 'my-thumbnail' y 'My Thumbnail Size' a su tamaño personalizado, y al nombre descriptivo legible por humanos que le gustaría que apareciera.

Las imágenes destacadas son una sola imagen asociada con una publicación, pero no necesariamente insertadas en el contenido de la publicación. A menudo se utilizan por temas en el encabezado, en la página principal o en la barra lateral. Sin embargo, en términos de tamaño de imagen, no se tratan de manera diferente a las imágenes normales.

Para cada tamaño que haya definido, cualquier imagen que se cargue se duplicará y cambiará de tamaño, incluida la imagen destacada.

cómo descargar juegos flash de sitios web

Si no ve la opción de Establecer imagen destacada en la pantalla de edición de publicaciones, es posible que su tema no admita la función. Puede forzar el apoyo agregando la siguiente línea a su tema functions.php archivo, pero sugiero encarecidamente que busque un nuevo tema en su lugar.

La falta de soporte para algo tan básico como las imágenes destacadas sería indicativo de un código desactualizado en otros lugares.

|_+_|

Para usar la imagen destacada en su propio tema o complementos, use the_post_thumbnail () función para generar la etiqueta de imagen:

|_+_|

La función toma 2 parámetros: el tamaño con nombre que está buscando (en este caso, 'mi miniatura') y cualquier atributo que desee pasar, como una clase CSS personalizada.

Si prefiere obtener la URL real de la imagen destacada en lugar del HTML requerido, intente esto en su lugar (obteniendo el tamaño de imagen medio en este ejemplo):

lista de deseos de amazon búsqueda por nombre
|_+_|

Regeneración de imágenes en miniatura de WordPress

Siempre que cambie las dimensiones de imagen predeterminadas o cree un tamaño de imagen personalizado, solo se aplicará a nuevo cargas. Todas sus imágenes existentes permanecen en las dimensiones originales.

Si desea cambiar el tamaño de las imágenes cargadas anteriormente, necesitará un complemento. Reconstrucción de miniaturas de AJAX le permite seleccionar qué tamaños regenerar y trabajará lentamente en su archivo.

https://wordpress.org/plugins/ajax-thumbnail-rebuild/

Sin embargo, existen algunas limitaciones y trampas que debe conocer.

Si bien las imágenes destacadas se pueden cambiar de tamaño automáticamente, ningún complemento puede reescribir el contenido de la publicación. Por ejemplo, si agregó una imagen a una publicación en el grande tamaño (que puede haber sido 500px en ese momento), cambiando la definición de grande no cambiará el tamaño de la imagen en la publicación. Se mantendrá en 500px a menos que edite la publicación y vuelva a insertar la misma imagen en el nuevo tamaño.

Como se mencionó, si tiene muchos tamaños de imagen, generará muchas imágenes. Afortunadamente, la reconstrucción de miniaturas te permite limitar esto a solo imágenes destacadas . Pero nuevamente, recuerde que esto solo se aplica a su imagen anterior. Todas las cargas de imágenes futuras serán administradas por WordPress, lo que significa que todos los tamaños de imagen se crearán para todo.

Ahora sería un buen momento para aprender también diferencia entre JPG y PNG para que sepa utilizar el formato óptimo en el futuro.

Lleve su sitio de WordPress al siguiente nivel

¿Quieres modificar tu tema de WordPress? El uso de imágenes, colores y posicionamiento de elementos de su tema se define principalmente mediante CSS y HTML, por lo que recomendamos consultar estos tutoriales paso a paso para aprender CSS y HTML.

Y si está interesado en temas, eche un vistazo a estos geniales temas de WordPress para una cartera de fotografías.

¿Su sitio de WordPress se bloquea con demasiada frecuencia? ¿Estás pagando mucho? Cambie a un servicio de alojamiento conocido como InMotion Hosting (descuento especial MakeUseOf con este enlace ) o Bluehost (descuento especial MakeUseOf con este enlace ).

Cuota Cuota Pío Correo electrónico He aquí por qué el FBI emitió una advertencia sobre el ransomware Hive

El FBI emitió una advertencia sobre una variedad de ransomware particularmente desagradable. He aquí por qué debe tener especial cuidado con el ransomware Hive.

Leer siguiente
Temas relacionados
  • Programación
  • Wordpress
Sobre el Autor James Bruce(707 Artículos publicados)

James tiene una licenciatura en Inteligencia Artificial y está certificado por CompTIA A + y Network +. Cuando no está ocupado como editor de revisiones de hardware, disfruta de LEGO, la realidad virtual y los juegos de mesa. Antes de unirse a MakeUseOf, fue técnico de iluminación, profesor de inglés e ingeniero de centros de datos.

Más de James Bruce

Suscríbete a nuestro boletín

¡Únase a nuestro boletín de noticias para obtener consejos técnicos, reseñas, libros electrónicos gratuitos y ofertas exclusivas!

Haga clic aquí para suscribirse