▷ ¿Cómo creo una galería de imágenes con vistas en Drupal 8?

Introducción: Soluciones para campos de imágenes, vistas y álbumes de fotos.

Estas Tutorial muestra cómo conseguir uno. creado Galería de imágenes con soporte para miniaturas receptivas y diseños móviles para Drupal 8 Con Vistas, campos CCK, y Caja de color Soporte JavaScript.

Para construir la galería Tutorial discutir dos métodos:

Uso de Campo de visión Módulo y Cuadrícula de tabla para vistas A la exposición.
Uso de álbumes de fotos Módulo y Caja de color JavaScript para ver.

El primer método requiere configurar una Drupal 8 Tipo de contenido para el imagenes con campos mientras álbumes de fotos tiene esto preinstalado con opciones de recorte y efectos de imagen para cargas.

Para comenzar, necesitará un servicio de hosting de Drupal (es decir, un servicio de hosting que admita Drupal).

Paso 1: instale los módulos y las dependencias necesarios

Empezar: Descargue los archivos de módulo requeridos de Drupal.org e instalarlo en: admin / module / install utilizando los archivos zip / gzip o un método similar (FTP, Git, Drush, etc.).

Módulos requeridos – Enlaces de descarga:

Fotos del álbum: https://www.drupal.org/project/photos
API de cultivos: https://www.drupal.org/project/crop
Widget de imagen de recorte: https://www.drupal.org/project/image_widget_crop
Efectos de imagen: https://www.drupal.org/project/image_effects
Caja de color:https://www.drupal.org/project/colorbox

Nota: Para instalar la funcionalidad de recorte, los archivos de Maquina de cortar tiene que ser instalado.

Maquina de cortar:https://github.com/fengyuanchen/cropper

Requerimientos: Si aún no está instalado en el Drupal 8 CMS, instala eso API de bibliotecas Módulo.

API de biblioteca:https://www.drupal.org/project/libraries

Construcción: Descarga los y muévelos Maquina de cortar Archivos JavaScript para / Bibliotecas Carpeta en el servidor web después de la API de bibliotecas está instalado en Drupal 8 & Revise los informes para confirmarlos.

¿Cómo creo una galería de imágenes con vistas en Drupal 8?

Requerimientos: La Efectos de imagen El módulo también requiere ImageMagick & la Información sobre metadatos de archivos El módulo de administrador se está ejecutando correctamente. Instalar eso Drupal 8 Archivos de módulo de:

ImageMagick:https://www.drupal.org/project/imagemagick
Administrador de metadatos de archivos: https://www.drupal.org/project/file_mdm

Construcción: Comprobar el Permisos Ajustes para los módulos recién activados en Administrador / Personas / Autorizaciones y realizar los cambios necesarios para Reglas de usuario.

Caja de color:https://github.com/jackmoore/colorbox/archive/master.zip

Construcción: Descargar el. abajo JavaScript Archivos para Caja de color & Ve a la / Bibliotecas Carpeta.

Terminado: Realice una verificación de diagnóstico en Administrador / informes / estado para verificar que la instalación fue exitosa.

Paso 2: crea un tipo de contenido personalizado para imágenes

Empezar: Desde el album de fotos creo un fotos Tipo de contenido con un widget de galería personalizado, Drupal 8 Los desarrolladores que usan solo este módulo no necesitan repetir o crear el paso Puntos de vista.

Navegar a:Admin / estructura / tipos & clic en el enlace “Agregar nuevo tipo de contenido”.

Próximo:Drupal 8 Los desarrolladores que crean una galería independiente pueden crear una nueva. Tipo de contenido llamada “Imagen de la galería” (gallery_img) y luego insertar. adicional imagencampo a la forma.

Navegar a:admin / estructura / tipos / gestionar / * / campos & Añade el Campo de visión.

Próximo: Agregar Etiquetas de taxonomía u otras personas Campos hacia Imagen de la galería Nodos según sea necesario y guardar.

Construcción: Gestionar la configuración del fotos Campo de nodo en: Admin / Estructura / Tipos / Gestionar / Fotos / Visualización de formularios & Compruebe el orden de visualización del formulario.

Próximo: A continuación, se puede acceder a la configuración del formulario para la carga de imágenes en Nodo / agregar / fotos o Nodo / agregar / * dependiendo de que método Galería de imágenes se implementa en el sitio.

Construcción: Navegar a admin / config / media / image-styles y comprobar en todo el sitio Miniatura de la imagen la configuración. Crea valores únicos para los tuyos Drupal 8 Regiones de temas y vistas receptivas.

Terminado: Ir Nodo / agregar / fotos o Nodo / agregar / * Pagina y sube de 8 a 10 fotos a tu sitio web. Agregue etiquetas de palabras clave de descripción y taxonomía al formulario. Publica los nodos.

Paso 3: crea una visualización de vista con la galería de imágenes

Empezar: Después de cargar imágenes en el CMS, navegue hasta Admin / estructura / vistas y haga clic en “Agregar vista” Botón. Siga los primeros pasos para configurar su página con un filtro único y una visualización de galería.

Construcción: Escoger “Contenido del tipo imagen de la galería marcada con — ordenado por el más nuevo primero” & guarde la configuración con un nombre único para el vista. Proceda a personalizar la página de la galería.

La configuración: Cree una página y elija un anuncio de “Red” Con “Campos de nodo”.
La configuración: Defina un título de página y una URL, p. Ej. B. “Galería de imágenes” (/ galería de imágenes)

Próximo: Haga clic en el botón para “Guardar y editar”. Sobre el Puntos de vista Página de configuración debajo de Campos Categoría, agregue la campo hacia vista Para el Imagen de la galería Archivos, (es decir Contenido: gallery_img).

Próximo: Ahora debería ver una vista previa en vivo del vista con el Imágenes de la galería así como el título del nodo, la descripción, las etiquetas de taxonomía y otros Campos que se agregan a la página de visualización.

Terminado: Ajuste la cantidad de imágenes en exhibición, el orden de clasificación, el tamaño de las miniaturas y otras variables para satisfacer sus necesidades Drupal 8 Asunto y guarde la vista como publicar.

Paso 4: configura el álbum de fotos y sube archivos

Empezar: Con el Álbum de fotos de Drupal 8 Módulo, primero crea una página que actúa como un solo álbum para un subconjunto más pequeño de fotos. Agregar álbum para cada evento y carga de imágenes.

Construcción: Navegar a Nodo / agregar / fotos y crea uno nuevo album de fotos Página. Guarde la configuración, luego use la navegación de pestañas para agregar una serie de fotos al álbum con archivos adjuntos.

Próximo: Después de crear el album de fotos Página, use la navegación de pestañas para cargar un grupo de imágenes que están en una Caja de color Pantalla emergente. Selecciona el Miniatura de la imagen Tamaños.

Construcción: Establezca el número permitido de imágenes cargadas por. firmemente album de fotos en la página de configuración para administraciones. Tipos de archivos permitidos para cargar imágenes: jpg gif png jpeg zip

Monitor: La album de fotos El módulo utiliza el Caja de color JavaScript para mostrar los archivos de imagen en una pantalla de luz emergente con navegación a través de los archivos de imagen proporcionada por botones y flechas.

Construcción: Navegar a admin / config / media / photos para configurar los tamaños de las miniaturas, guardar la ruta, la privacidad, la visualización global, los tamaños de las imágenes del álbum, etc. album de fotos Administración.

Terminado: La album de fotos El módulo ahora debería funcionar correctamente, de modo que Drupal 8 Administradores para crear Caja de color Galerías de imágenes agrupadas en páginas de nodo.

Paso 5: active la visualización del cuadro de color en los campos de imagen del nodo

Empezar:Galería de imágenes de Colorbox La visualización en animación de caja de luz o con navegación interactiva se puede activar en cada Drupal 8 Nodo o tipo de contenido agregando Campos de visión en la gestión.

Próximo: Navega al Tipos de contenido Sección y seleccione el tipo de nodo a utilizar. Haga clic en “Para editar” Y “Administrar campos” para navegar a la pestaña donde Campo de visión Puede ser añadido.

Construcción: Escoger “Caja de color” Anuncio para el Campo de visión & habilite la adición de varios archivos al nodo. Guarde la configuración y navegue hasta el Nodo / agregar / * Página para probar la visualización del formulario.

Terminado: Comprobar el Página y avance Vistas para el Tipo de contenido bajo la “Administrar anuncio” Tab. Asegúrese de que “Galería de Colorbox” se selecciona como visualización de imagen para ambas opciones.

Conclusión: use CSS receptivo de la región temática de Drupal

Resumen: Utilice una costumbre Tipo de contenido de Drupal 8 Con Campo de visión y compararlo con eso album de fotos Las opciones del módulo muestran las diferencias entre los dos métodos de imágenes.

recomendación: La cuadrícula vista funciona mejor con una gran cantidad de archivos de imagen, mientras que álbumes de fotos son mejores para organizar conjuntos más pequeños de cargas de imágenes con Caja de color Navegación.