La guía completa de miniaturas destacados y tamaños de imagen en wordpress

Una imagen vale más que mil palabras - a menos que ha sido redimensionada de forma inapropiada, en cuyo caso la pena negativo cien palabras. Está bien - y quizás por una versión menos conocida de un viejo dicho o algo acabo de componer, pero el punto es: WordPress es muy poderosa cuando se trata de imágenes en miniatura y tamaños de imagen - sólo tiene que saber cómo tratar con ellos. Siga leyendo para conocer todo lo que necesita saber acerca de los tamaños de imagen en WordPress y gestión de imágenes destacadas.

Nota: este post es bastante pesado con PHP - nada demasiado complicado, pero es posible que desee leer nuestra curso acelerado libre PHP antes de intentar cualquier modificación del tema.

primero lo básico

En el admin panel de WordPress, usted probablemente ya sabe acerca ajustes -gt; Medios de comunicación.

Estos son los tres tamaños de imagen predeterminados, que llama WordPress: miniatura, medio, y grande. El tamaño de las miniaturas tiene una configuración especial que va a cortar en la dimensión exacta que especifique aquí. Esto no es necesariamente una relación 1: 1 dimensión - se puede establecer como usted quiera - pero las imágenes estará centrada y recortada, es decir, cualquier parte de la imagen que no encaja en esas dimensiones después de haber sido reducido simplemente ser cortado.

El trabajo de establecimiento de medianas y grandes de forma ligeramente diferente, en el que se especificará máximo dimensiones de ancho y alto, y las imágenes se reducirán en consecuencia. Si la imagen es demasiado pequeña, los tamaños de las imágenes, simplemente no será creado. Al cargar una nueva imagen, el original se guarda y está disponible para insertar en un puesto en tamaño completo, y los otros tamaños de las imágenes registradas se crean automáticamente.

Estos tres tamaños de imagen, así como el original tamaño completo, son los únicos disponibles cuando se edita un poste y inserta la tarjeta, por lo que tienden a establecer que la anchura absoluta de poner al inicio de páginas completas de anchura y postes, y medio como el ancho de la columna típica contenido.

Haciendo Más tamaños

Al editar el tema o la creación de widgets, los tres tamaños definidos en la configuración de los medios de comunicación podrían no ser suficientes. Siempre dejo solo por los contenidos - a continuación, definir algunos nuevos tamaños de imagen en functions.php presentar, como este:

add_image_size( `Mi-miniatura`, 400, 200, cierto)-

Cada nuevo tamaño de la imagen necesita un nombre, altura y anchura, y si o no las imágenes debe recortado para exactamente este tamaño (verdadero o falso). Para las partes estructurales de un tema o un widget, por lo general, se quiere recortar para que no se rompa el diseño.

Vídeo: Tamaño de imágenes en Wordpress

Foto principal

Desde la versión 2.9, WordPress nos ha permitido establecer una imagen específica como la “imagen ofrecida” para un puesto. Esta imagen no se inserta en el cuerpo del mensaje (a menos que la inserta a sí mismo), pero en su lugar se puede utilizar estructuralmente a través de su tema - como una miniatura al lado del título de la entrada, o tal vez en la cabecera cuando se ve ese puesto en particular. Sin incluir una imagen ofrecida sólo parece perezoso dada la cantidad de temas y widgets confiar en ellos - pega este fragmento en functions.php para recordarle al guardar un post si se le olvidó preparar una (fuente):

Vídeo: Tutorial para cambiar el tamaño de las imágenes en el plugin Genesis Portfolio Pro

add_action(`Save_post`, `Wpds_check_thumbnail`)-add_action(`` admin_notices, `Wpds_thumbnail_error`)-función wpds_check_thumbnail($ post_id) {// cambiar a cualquier tipo de envío personalizadoSi(get_post_type($ post_id) != `enviar`)regreso-Si ( !has_post_thumbnail( $ post_id ) ) {// establecer un transitorio a los usuarios mostrar un mensaje de administraciónset_transient( "has_post_thumbnail", "no" )-// desenganchar esta función para que no se bucle infinitoremove_action(`Save_post`, `Wpds_check_thumbnail`)-// actualizar el puesto configurarlo para redactarwp_update_post(formación(`CARNÉ DE IDENTIDAD` =gt; $ post_id, `Post_status` =gt; `borrador`))-add_action(`Save_post`, `Wpds_check_thumbnail`)-} más {delete_transient( "has_post_thumbnail" )-}}función wpds_thumbnail_error(){// comprobar si el transitorio se establece, y mostrar el mensaje de errorSi ( get_transient( "has_post_thumbnail" ) == "no" ) {eco "
Debe seleccionar Imagen destacado. Su mensaje se guarda pero no se puede publicar.
"-delete_transient( "has_post_thumbnail" )-}}

WordPress ofrece una función conveniente para conseguir la imagen ofrecida y su uso en los temas:

the_post_thumbnail(`Mi-miniatura`,formación(`clase`=gt;`My_post_thumbnail_css_class`))-

La función toma 2 parámetros: el tamaño de la llamada que está buscando, y cualquier atributo que desea pasar en, al igual que una clase CSS personalizado (Nota: no se puede anular el atributo alt). Si está modificando un tema muy viejo, también puede ser necesario añadir lo siguiente a su functions.php:

add_theme_support(`post-miniaturas`)-

Si lo que queremos es obtener la URL real de la imagen ofrecida en lugar de la salida de HTML necesario también, probar este lugar (Conseguir el tamaño de la imagen media en este ejemplo):

$ miniatura = wp_get_attachment_image_src(get_post_thumbnail_id(), `medio`)-eco $ miniatura[0]-

Imágenes en regeneración

Cada vez que cambie usted no cumple con tamaños de imagen o crear una nueva definición de tamaño, que sólo va a aplicar a nuevo subidas. Todas las imágenes existentes permanecen como las dimensiones originales. Nunca el miedo, sin embargo, hay una gran plugin que volver a través de sus mensajes y regenerar estos nuevos tamaños de imagen para usted. AJAX en miniatura Reconstruir le permite seleccionar de qué tamaño para regenerar, y trabajará lentamente a través de su archivo. Esto no va a cambiar el tamaño de las imágenes que se han insertado en los mensajes - se fija en el punto de inserción. imágenes en regeneración harán que el nuevo disponible para utilizar en tus temas o mensajes en el futuro, pero no se puede editar de forma automática el tamaño de las imágenes existentes que ya han sido insertados.

Encontrará dos desventajas a hacer nuevas imágenes. En primer lugar, aunque el tamaño de la imagen que ha hecho sólo se utiliza para la imagen ofrecida como parte de un tema, una nueva versión de cada imagen que has subido se creará - no sólo la imagen ofrecida. Esta es una limitación de WordPress- una imagen ofrecida es igual que cualquier otra y no se puede apuntar específicamente con el add_image_size () función. Por suerte, el plug-in en miniatura Reconstruir realidad no le permiten limitar esto a sólo imágenes destacadas Del Archivo - pero todos los futuros subida de imágenes serán gestionados por WordPress, y se creará el nuevo tamaño de la imagen para todo. Ahora sería un buen momento para aprender también la diferencia entre JPG y PNG para que sepa utilizar el formato óptimo en el futuro.Saber cuándo utilizar qué archivo Formato: PNG vs JPG, DOC vs. PDF, MP3 FLAC vs.Saber cuándo utilizar qué archivo Formato: PNG vs JPG, DOC vs. PDF, MP3 FLAC vs.Cuando Internet era pequeña y joven, los formatos de archivo más o menos se limitan a los tipos de imágenes y tipos de archivos multimedia que los navegadores de la época podían manejar. Al principio, el texto era casi ...Lee mas

En segundo lugar, incluso si ya no estás usando un cierto tamaño, permanecerán en el servidor - WordPress no van a borrar las imágenes utilizadas para ti. En un sitio como MakeUseOf con cientos de miles de imágenes, esto significa un par de gigabytes desperdiciados. Para los sitios más pequeños, el plug-in de limpieza de imagen le ayudará en los escaneos y que le da la opción de delete- pero los sitios más grandes tendrá que aprender un poco de la línea de comandos y expresiones regulares fu (ver nuestra guía rápidaobtener a partir de la línea de comandos de Linux). Siempre tome una copia de seguridad completa en primer lugar, en caso de que se elimina algo que no debería tener.

Mi tema no cambia

Así ha editado un tema con nuevos tamaños de imagen y correctamente regenerado todas las imágenes destacadas existentes - pero el tamaño adecuado todavía no aparece? Usted probablemente tiene un poco de CSS aplicado a la imagen o no lo que rodea a continuación DIV. Usa tu el modo de depuración del navegador para encontrar la CSS infractor y ajustar en consecuencia. Y recuerda, sólo se puede cambiar el tamaño de la imagen de origen, si es lo suficientemente grande - WordPress y el plugin de generar la imagen miniatura no exclusivas imágenes, debido a la pérdida de calidad.Problemas averiguar sitio web con herramientas de desarrollo de Chrome o FirebugProblemas averiguar sitio web con herramientas de desarrollo de Chrome o FirebugSi usted ha estado siguiendo mis tutoriales jQuery hasta el momento, es posible que ya encontrarse con algunos problemas de código y no se sabe cómo solucionarlos. Cuando se enfrentan a un poco no funcional de código, es muy ...Lee mas

WordPress es casi 11 años de edad, por lo que es un testimonio de su potencia y flexibilidad que es una de las pocas aplicaciones web que se ha mantenido viva durante tanto tiempo y no sustituidos. Características como miniaturas de correos están ahora omnipresente en la web, y en su haber, WordPress siempre ha mantenido al día con las tendencias de diseño. Eso sí, Fantasma se ve bien.

¿Tiene problemas con imágenes destacadas? Publicar en los comentarios y voy a ver si puedo ayudarte.