¿Recorte fácil de usar de miniaturas de publicaciones?

32

¿Hay una manera de permitir que mis usuarios definan el área de recorte de una miniatura de publicación? Las miniaturas siempre son archivos adjuntos de publicaciones existentes, preferiría no crear un archivo adjunto adicional por cada miniatura.

Las miniaturas de las publicaciones deben ser de 200x100 píxeles y deben provenir de una de las imágenes utilizadas en la publicación. Entonces, en mi mundo ideal, cuando hace clic en el enlace "Establecer imagen destacada", obtiene una visión general de las imágenes ya incluidas, y cuando hace clic en una de ellas, puede definir el área de recorte usted mismo (moviéndola o redimensionándola, pero manteniendo La relación de aspecto 2x1). Al hacer clic en "Aceptar", la nueva miniatura de la publicación se guarda con el adjunto original (en el campo de metadatos _wp_attachment_metadata['sizes']['post-thumbnail'] por ejemplo), no como un nuevo adjunto. No se debe permitir el uso de una imagen que ya se usa como miniatura de publicación para otra publicación, o al menos dar una advertencia.

Creo que el editor de imágenes incluido no se ajustará a mis necesidades, ya que puede elegir editar todas las versiones de la imagen, o la miniatura normal, pero no solo la miniatura del post. También me resulta un poco confuso saber qué versiones estoy editando, por lo que creo que mis usuarios tendrán aún más problemas con ella.

¿Hay algún complemento que haga lo que quiero o que pueda ampliar fácilmente a mis necesidades?

Actualización: Ejemplo de interfaz de usuario

Realmente me gusta la interfaz del selector de imágenes de la Libreta de direcciones de Mac OS X: seleccionas una imagen y cambias el tamaño de un recortador de miniatura de proporción fija mediante un control deslizante. También puede arrastrar la imagen base alrededor. Puede ampliar esta idea a múltiples tamaños de imagen (tengo un post-thumbnail y post-thumbnail-1/2 que es la mitad de ese tamaño, por ejemplo). Permita que el usuario seleccione los tamaños que está editando ahora con casillas de verificación y dibuje los rectángulos de recorte apropiados en la pantalla.

    
pregunta Jan Fabry 13.09.2010 - 12:18

8 respuestas

11

El código sigue siendo un desastre, pero parece funcionar, incluso en IE 8. Planeo lanzarlo en el repositorio, pero mientras tanto puedes jugar con mi versión actual . Para acceder a él, haga clic en "Editar imagen" cuando agregue o edite una imagen, esta reemplaza al editor de imágenes habitual (son muy difíciles de combinar). Dado que la mayoría del área de administración usa la miniatura regular y mi versión actual edita la miniatura de la publicación, puede parecer que el código no tiene efecto, pero inténtelo mostrando una miniatura de la publicación y debería verlo cambiar.

Este complemento requiere mi Resizer de imagen bajo demanda , que también sigue siendo un desastre, para hacer el cambio de tamaño real. p>

    
respondido por el Jan Fabry 16.11.2010 - 17:17
4

Su mejor apuesta es usar un recorte de imagen basado en javascript y luego php combinado con ImageMagick o Image GD.

Tendría que estar escrito en tus funciones o como un complemento, ya que no conozco de ninguna mano los complementos de WordPress, lo cual es sorprendente.

Hay un recorte de imagen YUI con opción de guardado basada en php enlace

Aquí hay un tutorial diferente sobre cómo usar un recortador de jQuery con php
enlace

Una tercera opción muy similar al enlace anterior que utiliza el mismo recortador de jQuery pero un código diferente. enlace

Aquí hay otro que utiliza jcrery's jcrop, enlace

¿Quién está listo para un nuevo complemento, esto seguramente sería popular :)

    
respondido por el Wyck 11.11.2010 - 03:23
1

Suponiendo que ya ha agregado soporte para las miniaturas posteriores, ya que está hablando de la opción "Imagen destacada".

Si es así, hay una opción para agregar un nuevo tamaño de imagen a la matriz de carga. Así que por defecto, tienes miniaturas, medianas, grandes. En el siguiente fragmento de código, esto agrega una cuarta imagen a ese surtido, según el tamaño que desee. Este bit de código se agregaría a su archivo functions.php.

add_image_size( 'new_thumb', 200, 100, true );

"new-thumb" = el nombre de la nueva imagen personalizada
"200" = ancho
"100" = altura
"true" = opción de recorte duro. Esto obligará a recortar una imagen a la anchura / altura definida. Sin, simplemente se escala a la proporción.

Ahora, para mostrar la nueva miniatura en una página o matriz de publicaciones, debería insertar lo siguiente en su HTML

<?php the_post_thumbnail('new_thumb'); ?>
    
respondido por el cnix 29.10.2010 - 22:29
1

Es posible que desee utilizar CSS para tener una gran flexibilidad, corregir la función de miniaturas en su tema (si lo desea) y evitar el desorden de archivos:

enlace

Recuerde que se cargará toda la imagen, así que no use sus originales de 3MB para esto.

Actualización según solicitud de enero: Si quieres un recorte dinámico, considera:

  • Para usuario = administrador, cree CSS a través de PHP; simplemente puede vincular al php que lee la configuración apropiada y ajustar los parámetros de recorte en consecuencia.
  • Para usuario = visitante, use JavaScript para cambiar los parámetros de recorte en el atributo de estilo de la imagen.
  • Como una solución menos invasiva, considere la posibilidad de crear un código corto (a través del gran plugin Shortcode Exec PHP) como [thumb w = ?? h = ??] url [/ thumb] que puede traducir a la etiqueta HTML adecuada con CSS en línea.
respondido por el Raphael 09.11.2010 - 21:20
1

Hay un plugin más antiguo llamado WP Post Thumbnail que a veces usamos. No es perfecto, y hay algunos errores menores con la última versión de WP (no se ha actualizado desde 2008, por lo que no es necesariamente confiable). enlace

    
respondido por el gabrielk 12.11.2010 - 03:32
1

Creo que estás buscando esto: enlace

No he probado esto, pero debería ofrecerle la funcionalidad que está buscando.

La página del plugin original aquí. enlace

También necesito esto para un proyecto en el que estoy trabajando.

    
respondido por el tomcat23 16.11.2010 - 21:15
1

Creo que la solución definitiva para este problema sería modificar el complemento de enlace

y personalícelo para que todos los tamaños de imagen personalizados definidos en su archivo functions.php (utilizando add_image_size( 'new_thumb', 200, 100, true ); ) se utilicen automáticamente y luego obtengan el código para reemplazar (o extender) el enlace "editar" cuando desee modificar un imagen.

Utilizando este método, wordpress puede continuar creando los tamaños de imagen aplicables como lo hace normalmente, pero si desea modificar específicamente el área recortada de cualquier imagen específica, puede hacerlo, lo que a su vez reemplazaría la imagen generada automáticamente por ese tamaño Hmmm ... aunque eso suena confuso leerlo de nuevo es exactamente lo que siento que falta.

Actualmente creo que el complemento guarda estos tamaños de imagen personalizados en un campo personalizado dentro de una publicación en lugar de la publicación para una imagen aplicable.

    
respondido por el NetConstructor.com 24.11.2010 - 16:08
1

Decidí recortar las miniaturas con el "wp_get_att_attachment_image" nativo ... aquí va un ejemplo de una galería de imágenes, con miniaturas recortadas

enlace

Saludos cordiales

    
respondido por el Alvaro Neto 27.12.2010 - 16:35

Lea otras preguntas en las etiquetas