Cuadrícula de galería

Utilice una cuadrícula de galería para presentar un juego de imágenes a la vez en filas y columnas.

1. Vaya a la página que desea editar y asegúrese de que el está definido en Editar.
2. Agregue el componente a la página. El componente de cuadrícula de galería muestra una imagen de marcador de posición hasta que selecciona las imágenes que desea utilizar.
3. Para agregar una o más imágenes a la galería, haga clic en su icono de menú , seleccione Configuración y haga clic en Imágenes en el separador General.
4. Haga clic en Agregar imágenes.
5. Seleccione una o más imágenes.

   Nota:

   La ventana muestra todos los archivos disponibles. Debe seleccionar el tipo de archivo adecuado para el contexto. Por ejemplo, si está eligiendo un archivo de imagen, debe seleccionar un archivo con un formato de imagen válido (GIF, JPG, JPEG, PNG o SVG).
   1. Busque y seleccione las imágenes que desea utilizar.

      Si no ve ningún activo digital, haga clic en y cambie el filtro de la recopilación a Todos.

   2. Si ha seleccionado una imagen en una carpeta de documentos, puede crear un enlace al archivo en lugar de copiarlo en el sitio. Para enlazar al archivo, seleccione Usar referencia al archivo original en lugar de copiar el archivo en el sitio. Si no selecciona esta opción, se almacena una copia del archivo con el sitio y se hace referencia a ella desde el sitio. El enlace al archivo original evita la duplicación del contenido. El enlace permite a los visitantes del sitio ver el contenido incluso si los permisos del archivo cambian o restringen de otra forma la visualización.
   3. Haga clic en Aceptar.
   4. Si ha seleccionado un activo digital, puede elegir una representación específica. Si no selecciona una representación, se utilizará el tamaño original. Si desea que se publique la última versión del activo cuando se publique el sitio, seleccione Utilizar la última versión del activo.
   Las imágenes seleccionadas se agregan a la lista de imágenes. Arrastre y suelte las imágenes para reordenarlas en la lista (y en la cuadrícula). El título por defecto de cada imagen es el nombre de archivo sin extensión.
6. Para cambiar el título, la descripción u otras opciones de una imagen concreta, haga clic sobre la imagen en la lista y realice el cambio.
   También puede asociar un enlace u otras acciones con una imagen de la galería:
   1. En el panel Configuración de una imagen concreta, haga clic en el campo Enlace.
   2. Seleccione una de las opciones siguientes:

      • Ningún Enlace: la imagen no realiza ninguna acción cuando el usuario hace clic en ella.

      • Página web: especifique una URL completa para un sitio o una página externos y seleccione dónde se abrirá el enlace.

      • Página del sitio: utilice el selector de páginas para elegir una página en el sitio actual y dónde se abrirá el enlace. Puede especificar parámetros de URL adicionales en el formato key1=value1&key2=value2. Los valores vacíos están soportados, por ejemplo, key1=&key2=value2. También puede especificar un anclaje de URL, pero necesita agregar un diseño de sección Anclaje especial al lugar de la página del sitio de destino donde desea que se resuelva el enlace de anclaje, además de especificar el mismo nombre de anclaje en la configuración del diseño que haya usado al definir la acción de disparador.

        Nota:

        El diseño de la sección Anclaje necesario para usar anclajes de URL se distribuye en OCE Toolkit. Para obtener información sobre cómo obtener el kit de herramientas, consulte Desarrollo con OCE Toolkit.

      • Descarga de archivos: descargue un archivo seleccionado del repositorio. Seleccione un archivo.

        Si selecciona un activo digital, puede elegir una representación específica. Si no selecciona una representación, se utilizará el tamaño original. Si desea que se publique la última versión del activo cuando se publique el sitio, seleccione Utilizar la última versión del activo. Si no selecciona Utilizar la última versión del activo, se usa la versión publicada más reciente en lugar de una versión de borrador más reciente si hay una.

      • Elemento de contenido: seleccione un elemento de contenido del repositorio de activos asociado, elija la página de detalles que desee que se muestre y defina la página para que se abra en la misma ventana o en otra nueva.

      • Correo electrónico: especifique una dirección de correo electrónico válida y, de manera opcional, un asunto. El mensaje resultante se abre y se envía a través del cliente de correo electrónico por defecto.

      • Vista previa de imagen: la imagen seleccionada aparecerá como una superposición en la página.

      • Asignación: introduzca una dirección o unas coordenadas válidas y seleccione el lugar donde quiere abrir la asignación en el escritorio y en los exploradores móviles.

      • Llamada de teléfono: introduzca un número de teléfono válido.

   3. Haga clic en Atrás para volver al panel de configuración de la imagen. Haga clic en Atrás de nuevo para volver a la lista de imágenes y seleccionar otra imagen para actualizarla.
   4. Cuando haya terminado de actualizar las imágenes individuales, haga clic en Atrás para especificar opciones para la galería.
7. Utilice la opción Diseño para organizar las imágenes en una cuadrícula.
   • Albañilería
   • Columnas
   • Personalizado
   Cada una de estas opciones se describe en los pasos que vienen a continuación.
8. Seleccione el diseño Albañilería para organizar automáticamente las imágenes en filas dentro del espacio disponible.
   Las filas resultantes tendrán una altura uniforme, pero no columnas definidas.
   
   Descripción de la ilustración GUID-4CAF671A-F931-4177-BB92-E5F082663996-default.png
   
   1. Especifique Altura para ajustar proporcionalmente la escala de todas las imágenes a la altura especificada en píxeles.
   2. Especifique Espaciado de imagen para aumentar o reducir el espacio entre imágenes en la fila.
9. Seleccione el diseño Columnas para organizar las imágenes en filas y columnas.
   1. Seleccione una opción de Escala para ajustar la presentación de imágenes en la cuadrícula:

      • Recortar: la escala de la menor de las dos dimensiones (ancho o altura) se ajusta para que encaje en el espacio disponible; la dimensión mayor se recorta para evitar que la imagen se estire.

      • Ajustar: la escala de cada imagen se ajusta de modo que todas ellas quepan en el espacio disponible sin distorsión.

      Por ejemplo, la siguiente cuadrícula utiliza cuatro columnas y ajusta la escala de las seis imágenes para que encajen:
      
      Descripción de la ilustración GUID-4AB0B5DD-89B4-492D-A968-45482B3953CE-default.png
      

      Aquí se muestra la misma cuadrícula con las imágenes recortadas:
      
      Descripción de la ilustración GUID-3B1C55AE-E995-41C4-A9D9-F52FA75FF7E3-default.png
      

   2. Especifique una Ratio de aspecto para determinar la forma de las celdas en la cuadrícula.

      • Cuadrado: ratio de aspecto de 1:1.

      • Horizontal: ratio de aspecto de 16:9.

      • Vertical: ratio de aspecto de 9:16.

      • Personalizado: especifique sus propios valores numéricos para la ratio de aspecto.

   3. Especifique el número de Columnas.
      La cuadrícula se ajusta automáticamente para crear columnas del mismo ancho.
   4. Especifique Espaciado de imagen para aumentar o reducir el espacio entre imágenes en las filas y columnas.
10. Seleccione el diseño Personalizado para organizar las imágenes en filas y columnas basándose en el tamaño de imagen y el ancho que especifique.
    1. Seleccione una opción de Escala para ajustar la presentación de imágenes en la cuadrícula:

       • Recortar: la escala de la menor de las dos dimensiones (ancho o altura) se ajusta para que encaje en el espacio disponible; la dimensión mayor se recorta para evitar que la imagen se estire.

       • Ajustar: la escala de cada imagen se ajusta de modo que todas ellas quepan en el espacio disponible sin distorsión.
    2. Especifique una Altura de imagen y un Ancho de imagen para determinar la forma de las celdas en la cuadrícula.
       La cuadrícula se ajusta automáticamente para crear celdas con las dimensiones que especifique.
    3. Especifique Espaciado de imagen para aumentar o reducir el espacio entre imágenes en las filas y columnas.
11. Especifique opciones de Alineación, Ancho y Espaciado para colocar la cuadrícula dentro del espacio.
    Utilice Ancho para especificar el ancho, en píxeles, de la galería dentro del espacio. Haga clic en una opción de alineación distinta de Relleno para especificar el ancho. Una vez definido el ancho, puede utilizar Relleno para extender la imagen hasta el ancho especificado.