Cambiar el tamaño de las imágenes al tamaño real utilizado en el editor?

wordpress.stackexchange https://wordpress.stackexchange.com/questions/1463

Pregunta

¿Hay una manera de cambiar el tamaño de las imágenes a tamaño real que se mostrarán en el post? Tengo usuarios que importan una imagen grande y luego cambiar su tamaño en el editor visual. Esto es fácil, ya que sólo puede arrastrar la imagen hasta que tenga el tamaño que deseen, sin la primera apertura de un editor de imágenes, cambiar el tamaño de la imagen, el ahorro de él, y enviarlo como un adjunto separado. Por supuesto, esto a veces resulta en una imagen que es 100px de ancho en el puesto, pero 1500px en la realidad.

¿Hay un plugin que hace cuando se guarda un nuevo puesto? Me gustaría mantener la imagen a tamaño completo existente (para vincular, o cambia el tamaño posteriores), pero sólo tiene que añadir un tamaño extra (y guardarlo en el objeto _wp_attachment_metadata), por lo que este post tiene la imagen en el tamaño correcto, y una referencia a la fijación de tamaño completo.

Por supuesto, todos los puestos existentes también debe ser manejado de una vez. <img> etiquetas no pueden tener sólo un width, sólo un height, o ninguno de ellos. esto debe ser limpiado todo, por lo que todos ellos tienen la width correcta, height y una imagen de ese tamaño

¿Fue útil?

Solución

He creado dos plugins que juntos deben resolver mis necesidades. Actualmente se encuentran en una etapa temprana alfa, y todos los comentarios son bienvenidos.

El plugin base es un On-Demand Resizer . Este plugins supervisa las peticiones de archivos no existentes en el directorio de archivos, y crea imágenes del tamaño solicitado si es necesario. Por ejemplo, image-200x100.jpg creará y image.jpg volver, pero cambia de tamaño a 200 por 100 píxeles. La imagen se guarda con ese nombre en el directorio, por lo que pide además son manejados directamente por el servidor.

El segundo plugin, Cambiar el tamaño de las etiquetas img , modifica las etiquetas por lo <img> sus atributos src incluyen datos de anchura y / o altura. Esto permite que el primer plugin para servir las imágenes correctas. Juntos hacen lo que yo quiero, y sólo tienen que crear una ejecución única función para convertir todos los mensajes existentes, sino que debe ser fácil (no quiero a enganchar en the_content por algo que se debe ejecutar sólo una vez).

Una tercera "bonificación" plugin, Virtual imágenes intermedias , intercepta la creación de las imágenes intermedias al cargar una nueva imagen en WordPress. Ya que todavía son creadas por el primer plugin si así lo solicita, esto le permite especificar múltiples tamaños de imagen sin ocupar espacio en disco a menos que se utilizan realmente. Esto no es necesario para los dos primeros en el trabajo, pero fue una adición fácil, y que pone de relieve el hecho de que todavía tengo que trabajar todo el editor de imágenes de WordPress, pero lo hará cuando creo my miniatura editor, que también utilizará el primer plug-in.

Otros consejos

He buscado en el directorio de plugins para "resize" o "crop" (este último de otra pregunta ), y tomó nota de mis hallazgos en un público de hoja de cálculo de Google . El plugin de búsqueda es muy confuso en sus números de resultado (la última página de la búsqueda "resize" espectáculos "Mostrando 145-150 de 273 plugins"), por lo que puede haber perdido algunos. Notas relacionadas con el semi: todo el mundo parece pensar que el mundo necesita otra presentación plugin. Pocos parecen darse cuenta de que content_save_pre puede ser un filtro mejor que hacer el análisis sintáctico pesado que the_content.

no he probado ninguno de estos plugins todavía, pero aquí hay una lista de plugins que parece hacer lo que quiera. He añadido el "arriba Compatible con" número de versión entre paréntesis.

  • ChoiceCuts imagen Juglar , con múltiples funciones de gestión de imágenes accesibles a través de una API (3.0.1)
  • AutoThumb , reescribe URL a un controlador que los usos phpThumb (2.9.2)
  • imagen enlaces simbólicos, a través de un código corto especial [img] (2.9.2)
  • com_resize , reescribe URL a un controlador que utiliza phpThumb, también las imágenes externas (2,6)
  • ImageScaler , crea nuevos tamaños si es necesario y cambia las URL de las imágenes ( 2.3)
  • ImageScaler Modded , un ligeramente modificada versión de ImageScaler (2.3.1)

pensamientos personales: Los cuatro primeros reescribir la URL de una página dinámica (algo así como /wp-content/plugins/my-plugin/image.php?src=[original src]&w=100&h=50), con diferentes formas de almacenamiento en caché. Prefiero una imagen real que se crea como sea necesario, similar al enfoque ImageScaler toma. Sin embargo, sin dividir esto (e incluir la sugerencia de hakre en los comentarios) y el primer reescribir todas las URL de /wp-content/uploads/2010/11/image.jpg a /wp-content/uploads/2010/11/image-100x50.jpg, y luego dejar que un script crear las imágenes que faltan. La primera solicitud de esta imagen crea la imagen, todas las solicitudes posteriores a este archivo creado. Esto también me permite dividir la funcionalidad a través de diferentes plugins. Voy a publicar esta solución en una respuesta por separado.

Estos complementos limitan imágenes para un determinado tamaño máximo (¿Cómo es esto diferente de la especificación de $content_width?):

El siguiente plug-in es interesante por otras razones:

Este es un puesto Wiki de la Comunidad, por lo que puede seractualizado si encuentra nuevos plugins.

¿Qué pasa con la utilización de TimThumb y pasando variable para cambiar automáticamente la imagen de tamaño / dimensiones y zoom niveles? De esta manera los tamaños de las imágenes originales todavía se pueden mantener. Si necesita algunos ejemplos abajo de esta línea que me haga saber.

Wordpress ofrece tres tamaños predeterminados (pequeño, mediano, grande) que se puede configurar. Si utiliza estos productos, Wordpress crea copias redimensionadas. Es probable que sea un buen estilo para usar esos y establecer el número por lo que se adapta al estilo actual. Esto resulta en imágenes no tener distintos tamaños por toda la página y permitir ajustes globales cuando el tema cambia.

El recientemente publicado imagen Pro plug-in parece hacer exactamente esto. No me había probado todavía, de demostración se ve muy impresionante, tenga escasa compatibilidad del navegador (Firefox sólo en el momento).

Licenciado bajo: CC-BY-SA con atribución
scroll top