Introducción: recortar cargas de imágenes a tamaños de miniaturas

Estas Tutorial conducirá Drupal 8 Usuario a través de los pasos necesarios para la instalación. Recortar imagen en miniatura Funciones para cargar JavaScript. ajustar Miniatura de la imagen Cambie el tamaño y recorte manualmente los archivos cargados para garantizar el equilibrio y el enfoque adecuados para los fotogramas.

Para agregar la función de recorte a las galerías de imágenes en Drupal 8:

  1. La Bibliotecas El módulo debe instalarse para alojar proveedores externos. JavaScript.
  2. La Widget de recorte de imagen El módulo y los requisitos deben estar instalados.

Hay opciones adicionales para automatizar el recorte, integrar el recorte en los populares scripts del editor de páginas e implementar la funcionalidad en el implemento. Campos CCK de Drupal sobre los tipos de contenido. Antes de comenzar, asegúrese de tener un buen alojamiento Drupal.

Paso 1: instale el módulo de la biblioteca y cree un nuevo directorio

Empiece por descargar los archivos de módulo requeridos desde drupal.org para instalacion. Luego navega a admin / module / install e instale los archivos cargando los paquetes zip / gzip o use algún otro método como FTP, Git, Drush, etc. para hacer el proceso normalmente.

Módulos requeridos – Enlaces de descarga:

  • API de biblioteca:(descargar archivos)

Construcción: Después de instalar el API de bibliotecas Módulo, abierto Administrador de archivos en el cPanel y cree un nuevo directorio en el directorio raíz del Drupal 8 Instalación (dirección:. ../Bibliotecas).

Cómo agregar recorte a las cargas de imágenes en Drupal 8

El siguiente paso es una serie de JavaScript Archivos al / Bibliotecas Carpeta.

Paso 2: Cargue los archivos JavaScript de Cropper en el servidor web

Navega al GitHub Lado de la Cropper JQuery Proyecto utilizado en Drupal 8 para gestionar las cargas de imágenes. Los archivos JQuery son necesarios para el módulo Drupal.

Módulos requeridos – Enlaces de descarga:

  • Maquina de cortar:(descargar archivos)

Construcción: Después de descargar el Cropper JQuery Archivos de GitHub, descomprime el archivo y súbelo / dist Carpeta también / bibliotecas / cropper / dist en su servidor web.

Nota: Mantenga todos los archivos de JQuery que estén en el / dist Carpeta en su estado original.

Cómo agregar recorte a las cargas de imágenes en Drupal 8

Después de instalar el Bibliotecas Módulo y el Cropper JQuery Archivos, todos los requisitos para ejecutar el Widget de recorte de imagen Módulo Drupal 8 Los sitios web están completos.

Paso 3: Instale el módulo de recorte del widget de imagen para D8

Para instalar la función de recorte de imágenes, se requieren dos módulos para Drupal 8. Como con el Bibliotecas Módulo, instálelo de acuerdo con su elección de FTP, Git, Drush, etc.

Módulos requeridos – Enlaces de descarga:

  • API de cultivos: (descargar archivos)
  • Widget de imagen de recorte: (descargar archivos)

Construcción: En la sección de configuración del módulo, ubicado en:

  • Administración: / admin / config / media / crop-widget

Confirme que los módulos se hayan instalado correctamente y establezca la configuración de las miniaturas.

Cómo agregar recorte a las cargas de imágenes en Drupal 8

Nota: Si no ve el tipo de recorte, configure un estilo de imagen. Haga clic en la casilla de verificación para advertir a los usuarios si las imágenes se utilizan en varias configuraciones y guarde los valores de configuración.

Paso 4: establece el tamaño de las miniaturas de las imágenes en Drupal Admin

Para tener una configuración de miniatura de imagen personalizada en. crear Drupal 8, navegar a: admin / config / media / image-styles y haga clic en el botón para “Agregar estilo de imagen”.

Asigne un nombre a la configuración, luego seleccione “Cosecha” desde el menú debajo “Impacto” y haga clic en “Agregar”. Introduzca valores numéricos para la latitud y la longitud del cosecha en píxeles y guarde la configuración.

Cómo agregar recorte a las cargas de imágenes en Drupal 8

Establezca los valores de píxeles para la imagen maestra y luego guárdelos. La Miniatura de la imagen La configuración debe hacer clic en un campo de imagen en uno de los tipos de contenido en. se aplicado Drupal 8 para usar.

Paso 5: configurar los ajustes del campo de imagen para los tipos de contenido

Finalmente, navegue hasta el Drupal 8 Sección de tipos de contenido y habilite los diversos Tamaños de miniaturas para su uso en el sitio web. Puede mantener diferentes valores para cada tipo de nodo; artículos Y Blogspara configurar un sistema de publicación multimedia con el CMS.

Cómo agregar recorte a las cargas de imágenes en Drupal 8

Construcción: Navegar a Admin / estructura / tipos y verifique la configuración del campo de imagen para cada tipo de contenido. Si se utiliza el área de la imagen, configure el tamaño de la miniatura en consecuencia.

Haga clic en eso “Administrar campos”enlazar y continuar “Administrar anuncio” Tab. Compruebe la configuración del campo de imagen y cambie la visualización al tamaño de miniatura requerido.

Conclusión: cargue imágenes y recórtelas al tamaño de una miniatura

Este sistema permite a los editores web recortar manualmente cada carga de imagen para artículos, blogs, productos, etc. Drupal 8 para un tamaño de miniatura fijo con tamaño Cropper JQuery.

Este método brinda a los creadores de contenido más control sobre la apariencia final de las imágenes en las páginas web. Funciona con herramientas como IMCE, CKEditor, Bootstrap, Entity Browser, etc.