Advanced Custom Fields: Image Aspect Ratio Crop Field

Descripción

Un campo para «Advanced Custom Field» que forza al usuario a recortar su imagen a una relación de aspecto específica después de cargarla. Esto es especialmente útil en casos de uso de imágenes adaptables.

Después de recortar, se crea una nueva variante de la imagen recortada en la galería y se guarda en la publicación. También se generan miniaturas para la nueva imagen. El usuario puede volver a recortar la imagen original en cualquier momento desde la página de la publicación.

Las variantes de la imagen recortada están ocultas por defecto en el navegador de medios y en la página de medios, pero puedes verlas seleccionando la «vista de lista» en la página de medios.

Compatibilidad

Este tipo de campo de «ACF» es compatible con:

  • ACF 5

Gracias

Agradecimientos especiales para Anders Thorborg de ACF Image Crop que sirvió como inspiración para este plugin. Además, ¡gracias a Fengyuan Chen por cropper.js !

Capturas

  • Recortar una imagen a una relación de aspecto de 16:9
  • Recorte en progreso
  • Opción para volver a recortar la imagen después de subirla

Instalación

  1. Copia la carpeta acf-image-aspecto-ratio-crop en el directorio wp-content/plugins
  2. Activa el plugin «Image Aspect Ratio Crop» a través de la página de gestión de plugins
  3. Crea un nuevo campo a través de «ACF» y seleccione el tipo de recorte de relación de aspecto de imagen
  4. Lea la descripción anterior para las instrucciones de uso

FAQ

¿Puedo acceder a los metadatos de la imagen original desde una imagen recortada?

Sí, los datos de la imagen original se guardan en la clave original_image en la matriz devuelta por «ACF». Puedes acceder a los datos como el texto alternativo, la descripción y el título de esta manera.

Tengo un problema o quiero contribuir con código

Usa el repositorio de GitHub para subir problemas del plugin. También puedes enviar una solicitud de extracción en GitHub.

¿En qué difiere de otro plugin?

Advanced Custom Fields: Image Crop Add-on se basa en dimensiones de imagen exactas (como 640×480). Este plugin utiliza una relación de aspecto 4:3 en su lugar. Usar una relación de aspecto es más conveniente cuando se trabaja con imágenes adaptables, ya que es más conveniente la relación de aspecto que las dimensiones en píxeles.

Por supuesto, nada te impedirá usar una relación de aspecto como 1200:630, que es similar a una cantidad de píxeles con este plugin, si lo deseas.

Además, a partir de 2019, el otro plugin ya no se mantiene activamente y no funciona bien con las últimas versiones de ACF. Intento mantener este plugin lo mejor que puedo cuando salen nuevas versiones de ACF y WordPress.

Reseñas

28 de enero de 2020
I really like this plugin a lot. I was initially disappointed because it wasn't straightforward to use with Elementor, but I figured out two workarounds that allows the plugin to work flawlessly with Elementor's dynamic features. 1) Use the ACF Cropped Image Field in any Elementor Post or CPT Widget Name your Image Aspect Ratio Crop field _thumbnail_id in order to replace the default WordPress featured image / thumbnail with your perfectly cropped acf field. 2) Use the ACF Cropped Image Field Dynamically in all other applications Create an extra CPT that uses standard ACF image fields with the exact same field name as the Aspect Ratio Crop field on the actual post type. When building your page or templates, select the image field on the other post type to call the field. God, this makes me so happy. I really love this aspect ratio cropping feature.
1 de noviembre de 2019
I've used ACF crop for a very long time and just stumbled upon this plugin today. I really like it. It works well and it feels a bit more modern. As a thanks I've contributed with a Danish translation. 🙂
31 de agosto de 2019
Works great but I don't like how when you make a 1 crop and expect 1 image in the uploads folder but it actually makes a bunch of new sizes for this 1 crop. Clutters up the uploads folder with the exact same image. Also could you make it not mandatory to crop every upload?
6 de julio de 2019
With a combination of this plugin and Toolbox, you can easily integrate it to have your Beaver Builder or Beaver Themer site recognize this as an ACF field. This plugin is amazing!
31 de marzo de 2019
The plugin works great, it's fast and intuitive.
Leer todas las 9 reseñas

Colaboradores y desarrolladores

«Advanced Custom Fields: Image Aspect Ratio Crop Field» es un software de código abierto. Las siguientes personas han colaborado con este plugin.

Colaboradores

«Advanced Custom Fields: Image Aspect Ratio Crop Field» ha sido traducido a 4 idiomas locales. Gracias a los traductores por sus contribuciones.

Traduce «Advanced Custom Fields: Image Aspect Ratio Crop Field» a tu idioma.

¿Interesado en el desarrollo?

Revisa el código , echa un vistazo al repositorio SVN o suscríbete al registro de desarrollo por RSS.

Registro de cambios

3.1.11

  • Remove ramsey/uuid dependency in favor of using native wp function since the dependency caused issues in some server
    configurations

3.1.10

  • Fix issue where image was not visible in backed due to malformed URL

3.1.8

  • Deployment fix

3.1.0

  • Feature: Add new beta feature: delete unused crop images. You can enable this by going to
    Plugins -> ACF Image Aspect Ratio Crop -> Settings
  • Fix: Update compatible version to WordPress 5.3
  • Fix: Add automated tests

3.0.1

  • Fix: bump plugin version

3.0.0

  • Fix / Breaking change: If image was deleted, object with empty original_image field was returned. In 3.0.0 false is returned instead to keep compatibility with normal image field.

2.2.1

  • Fix: Improve WPML compatibility

2.2.0

  • Feature: Add compatibility with ACF Image Crop plugin
  • Fix: Change default preview size to medium, as in ACF 5.8.1
  • Fix: Remove image CSS shadow to match latest ACF image field styles

2.1.1

  • Fix: Fix issue where crop coordinates persisted after deleting image

2.1.0

  • Feature: Cropper now remembers last crop position when re-cropping image
  • Feature: Add button to reset crop position to default (centered)
  • Fix: Bump supported WordPress version to 5.2

2.0.3

  • Fix: Allow cropping in cases when image is hosted remotely and is missing CORS headers

2.0.2

  • Fix: Fix issue where saving in image modal replaced cropped image with original when «Original image» was selected in «Image displayed in attachment edit modal dialog»
  • Fix: Actually save plugin version in the database for migration support
  • Fix: Get file hash in debug mode from file path instead of URL

2.0.1

  • Fix: Fix typo

2.0.0

  • Feature: Compatibility with WP Offload Media and similar plugins that move WordPress images to a remote location. Plugin will now attempt to fetch images from remote URLs if they are not found in the file system.
  • Breaking change: Due to new dependencies, PHP 5.5 is now the minimum required version

1.3.1

  • Fix: Fix deployment script

1.3.0

  • Feature: Handle translation through w.org

1.2.3

  • Fix: Update readme

1.2.2

  • Fix: Update screenshots

1.2.0

  • Feature: It’s now possible to edit original image data instead of cropped image data when pressing the pencil button in the image field. This is handy if you have meta data such as alt text that you want to share between the original image and its cropped variants. Toggle this by selecting Settings in the plugin list.
  • Feature: There is now a progress indicator (spinner) displayed while the image is being cropped
  • Feature: If an error occurs while cropping an image, the error message is displayed inline in the modal instead of a browser alert window
  • Feature: Improved styles for the cropper
  • Feature: Modern and improved build process with webpack
  • Feature: Make it possible to localize UI texts

1.1.2

  • Fix: Bump supported WordPress version to 5.1

1.1.1

  • Fix: Update readme

1.1.0

  • Feature: Allow customizing file upload directory with filters aiarc_pre_customize_upload_dir and aiarc_after_customize_upload_dir

1.0.9

  • Fix: Update screenshots
  • Fix: Update WordPress compatibility information

1.0.8

  • Fix bug with detecting the same aspect ratio

1.0.7

  • Update compatibility information

1.0.6

  • Fix bug with detecting the same aspect ratio

1.0.5

  • User interface improvements
  • Fixed issue where cropper sometimes showed a wrong image
  • Improved performance in cases uploaded image had the correct aspect ratio. Thanks to @hrohh on w.org for the tip!

1.0.4

  • Fix incompatibility with ACF 5.7

1.0.3

  • Release on w.org

1.0.2

  • Update readme

1.0.1

  • Fix issue where the cropper broke if multiple images were selected inside a repeater
  • Cropper is now disabled while cropping is in progress
  • Fix issue where is was not possible to re-crop image before saving the post

1.0.0

  • Initial Release.