Implementación de un carrusel de imágenes

Puede personalizar la página de inicio del Portal del desarrollador para visualizar imágenes en un carrusel. El carrusel de imágenes proporciona la página de inicio del Portal del desarrollador con una presentación de diapositivas continua que se personaliza según sus especificaciones.

1. Cree un tipo de contenido de Imagen para el carrusel.
   1. Haga clic en Estructura > Tipos de contenido > Agregar tipo de contenido.
   2. Especifique el nombre del tipo de contenido en el campo Nombre.
      Por ejemplo, Imagen de presentación de diapositivas.
   3. Opcional: especifique la descripción del tipo de contenido en el campo Descripción.
      Por ejemplo, Imagen a visualizar en la presentación de diapositivas.
   4. Pulse Guardar y gestionar campos para el tipo de contenido recién creado.
   5. Pulse Añadir campo.
   6. Seleccione Imagen para Añadir un campo nuevoy especifique una etiqueta para el campo.
      Por ejemplo, diapositiva.
   7. Pulse Guardar y continuar.
      Se visualiza la página Valores de campo para el nuevo campo.
   8. En la sección IMAGEN PREDETERMINADA , pulse Elegir archivo para asignar la imagen que desee como imagen predeterminada para la presentación de diapositivas si no se encuentran otras imágenes.
   9. Opcional: Complete los campos Texto alternativo y Título .
   10. Pulse Guardar valores de campo.
   11. En la pestaña Gestionar campos para el tipo de contenido recién creado de Imagen de presentación de diapositivas, suprima elBodypulsando Suprimir en el menú desplegable OPERACIONES . Vuelva a pulsar Suprimir para confirmar.
2. Cargue las imágenes que deben aparecer en el carrusel.
   1. Haga clic en Contenido > Añadir contenido y, a continuación, haga clic en el tipo de contenido que añadió en el paso 1.
   2. Especifique un título para la imagen en el campo Título.
      Por ejemplo, si tenía una imagen de un faro, puede etiquetar el contenido como Faro.
   3. Pulse Elegir archivo en Imagen de diapositiva y seleccione una imagen para la presentación. Complete el campo Texto alternativo con algún texto a utilizar cuando no se pueda cargar la imagen.
   4. Pulse Guardar.
   5. Repita los subpasos 2.a a 2.d hasta que esté satisfecho con el contenido de las diapositivas del carrusel.
3. Cree una vista para el carrusel.
   1. Haga clic en Estructura > Vistas > Añadir nueva vista.
   2. Complete Nombre de vista.
      Por ejemplo, Presentación de diapositivas.
   3. Seleccione el recuadro de selección Crear un bloque en la sección BLOCK SETTINGS .
   4. Seleccione Carrusel de Slick para el formato de visualización.
   5. Escriba el número de diapositivas que tiene para el carrusel en el campo Elementos por bloque y, a continuación, pulse Guardar y editar.
      Se visualiza la página Editar para la vista de presentación de diapositivas.
   6. Pulse el título de la vista y especifique <none> en el campo de texto. Pulse Aplicar.
   7. En la sección CAMPOS , pulse Añadir, seleccione el recuadro de selección para imagen de diapositivay pulse Añadir y configurar campos.
   8. Asegúrese de que el recuadro de selección para Crear una etiqueta no esté seleccionado y pulse Aplicar.
   9. En la sección CAMPOS, haga clic en Contenido: Título > Eliminar.
   10. En la sección FORMAT , pulse Settings para Slick Carousel y, a continuación, establezca Skin Main en Default.
   11. Desplácese hacia abajo hasta la sección CAPTION FIELDS y seleccione los recuadros de selección Content: slide image y Override main optionset .
   12. En la sección OPCIONES SUSTITUIBLES , seleccione los recuadros de selección Reproducción automática, Puntosy Draggable .
   13. Pulse Aplicar.
   14. En la sección CRITERIOS DE FILTRADO, haga clic en Contenido: Publicado > Eliminar.
   15. Haga clic en Guardar para guardar la vista de presentación de diapositivas.
4. Configure la página inicial para que aloje el carrusel
   1. Pulse Estructura y, a continuación, pulse Páginas.
   2. Pulse Editar para la página de bienvenida y, a continuación, pulse contenido en la sección Paneles .
   3. Para eliminar el banner de bienvenida actual, pulse la flecha abajo bajo la columna OPERACIONES para el Banner de bienveniday seleccione Suprimir. Vuelva a pulsar Suprimir para confirmar.
   4. Para añadir el carrusel, pulse Añadir bloque nuevo y seleccione la vista de presentación de diapositivas que ha creado en el paso 3. Deseleccione Mostrar título y pulse Añadir bloque.
   5. Pulse Actualizar y guardar.