Contenido Relacionado

Permite a las personas usuarias identificar rápidamente la naturaleza del contenido (vídeo, publicación o audio) antes de interactuar.

Este módulo utiliza un color gris-azulado-50 de fondo gracias a su contenedor que utiliza la clase bg-gris-azulado-50.  Para ciertas combinaciones con otros módulos, si utilizan este color, se podrá alterar quitándole dicha clase.

Dispone de numerables variantes y se recomienda que, si queremos quitarle grupos a nuestro contenido relacionado, no se haga manualmente y se utilicen las composiones que se muestran a continuación. Esto es debido a que se necesitan ciertas clases que podrían faltar en las diferentes vistas incluyendo las de dispositivos pequeños y su visualización no sería la correcta.

Por otro lado, también en cada una de ellas y por cada grupo se puede indicar cuántas tarjetas queremos mostrar en cada tipo de dispositivo gracias a la configuración del fragmento que tiene incluido FRG_ContenedorTarjetas ir a su página para tener los conociemientos adecuados para cambiar sus ajustes.

Para una correcta utilización del módulo se recomienda tener conocimientos de visualizadores de coleccion y del contenedor de tarjetas, para más información visitar las páginas tipos-visualizacion (Leer sección ¿Qué es un Visualizador de Colección?).

Para estos ejemplos hemos utilizado diferentes tipos de contenido, pero las combinaciones son multiples para las diferentes necesidades, de hecho al utilizar el módulo se tendrá que configurar para mostrar el contenido.

Visita los diferentes tipos de tarjeta (básica, calendarizada y pictograma) para saber que colección y tipo plantilla usar según tu contenido y preferencias de visualización.

Elementos móviles

Nota editores: Se ha de tener en cuenta que este módulo debido a que el diseño responsivo cambia la posición de ciertos elementos y tiene sus componentes exclusivos para dicha vista ocultando en este caso los presentes en escritorio.

El botón del módulo se desplaza al contenedor "Contenedor botón móvil" situado debajo de la colección esto es con la ayuda del fragmento FRG_MoverElementoResponsivo, es importante que esten ambos para su correcto funcionamiento.

FRG_CMP_ContenidoRelacionadoUnico

Fragmento > Módulos - Tarjetas > FRG_CMP_ContenidoRelacionadoUnico

Contenido único


Utilizações múltiplas da classe do contentor móvel

Erro de funcionamento - Para um funcionamento correto, a classe "js-contenedor-relacionado-movil-boton-unico" utilizada para o contentor móvel deve ser utilizada uma única vez nesta página.

Elemento vazio

Componente sem função - Adicione a esta área qualquer elemento que pretenda deslocar para outro local na vista móvel.

  • «El español en el mundo 2026. Anuario del Instituto Cervantes»

  • Guía de la biblioteca: nivel A1

  • Guía de la biblioteca: nivel A2

  • Esto es el título

    Aquí va una descripción de la imagen
  • Título

    Descripción de la imagen
  • Ten Reasons to Learn & Teach Spanish

    Ten Reasons to Learn & Teach Spanish [Diez razones para aprender y enseñar español]
Nenhum resultado encontrado

FRG_CMP_ContenidoRelacionado1Bloque

Fragmento > Módulos - Tarjetas > FRG_CMP_ContenidoRelacionado1Bloque

Un Bloque


Bloque uno

Utilizações múltiplas da classe do contentor móvel

Erro de funcionamento - Para um funcionamento correto, a classe "js-contenedor-relacionado-movil-boton" utilizada para o contentor móvel deve ser utilizada uma única vez nesta página.

Elemento vazio

Componente sem função - Adicione a esta área qualquer elemento que pretenda deslocar para outro local na vista móvel.

  • «El español en el mundo 2026. Anuario del Instituto Cervantes»

  • Guía de la biblioteca: nivel A1

  • Guía de la biblioteca: nivel A2

  • Esto es el título

    Aquí va una descripción de la imagen
  • Título

    Descripción de la imagen

FRG_CMP_ContenidoRelacionado2Bloques

Fragmento > Módulos - Tarjetas > FRG_CMP_ContenidoRelacionado2Bloques

Dos Bloques


Bloque uno

Utilizações múltiplas da classe do contentor móvel

Erro de funcionamento - Para um funcionamento correto, a classe "js-contenedor-relacionado2G-movil-boton-A" utilizada para o contentor móvel deve ser utilizada uma única vez nesta página.

Elemento vazio

Componente sem função - Adicione a esta área qualquer elemento que pretenda deslocar para outro local na vista móvel.

  • «El español en el mundo 2026. Anuario del Instituto Cervantes»

  • Guía de la biblioteca: nivel A1

  • Guía de la biblioteca: nivel A2

Bloque dos

Utilizações múltiplas da classe do contentor móvel

Erro de funcionamento - Para um funcionamento correto, a classe "js-contenedor-relacionado2G-movil-boton-B" utilizada para o contentor móvel deve ser utilizada uma única vez nesta página.

Elemento vazio

Componente sem função - Adicione a esta área qualquer elemento que pretenda deslocar para outro local na vista móvel.

FRG_CMP_ContenidoRelacionado3Bloques

Fragmento > Módulos - Tarjetas > FRG_CMP_ContenidoRelacionado3Bloques

Tres Bloques


Bloque uno

Utilizações múltiplas da classe do contentor móvel

Erro de funcionamento - Para um funcionamento correto, a classe "js-contenedor-relacionado3G-movil-boton-A" utilizada para o contentor móvel deve ser utilizada uma única vez nesta página.

Elemento vazio

Componente sem função - Adicione a esta área qualquer elemento que pretenda deslocar para outro local na vista móvel.

  • «El español en el mundo 2026. Anuario del Instituto Cervantes»

  • Guía de la biblioteca: nivel A1

  • Guía de la biblioteca: nivel A2

Bloque dos

Utilizações múltiplas da classe do contentor móvel

Erro de funcionamento - Para um funcionamento correto, a classe "js-contenedor-relacionado3G-movil-boton-B" utilizada para o contentor móvel deve ser utilizada uma única vez nesta página.

Elemento vazio

Componente sem função - Adicione a esta área qualquer elemento que pretenda deslocar para outro local na vista móvel.

Bloque tres

Utilizações múltiplas da classe do contentor móvel

Erro de funcionamento - Para um funcionamento correto, a classe "js-contenedor-relacionado3G-movil-boton-c" utilizada para o contentor móvel deve ser utilizada uma única vez nesta página.

Elemento vazio

Componente sem função - Adicione a esta área qualquer elemento que pretenda deslocar para outro local na vista móvel.

  • Acreditación de examinadores DELE C1 y C2
    Lisboa
  • 0149 Español para niños hispanohablantes LH3-5 (presencial): S 9:50-11:30 (60 h)
    Cracovia
  • 0002 Inicial A1.A (videopresencial): J 18:00-20:30 (30 h)
    Cracovia

Visualizar diferente número de tarjetas por diapositiva

Como se comentó en la introdución, por cada grupo se puede indicar cuántas tarjetas queremos mostrar en cada tipo de dispositivo gracias a la configuración del fragmento que tiene incluido FRG_ContenedorTarjetas. En este caso estamos mostrando una tarjeta en la version móvil y dos tarjetas en la versión tablet y escritorio.

Un Bloque


Bloque uno

Utilizações múltiplas da classe do contentor móvel

Erro de funcionamento - Para um funcionamento correto, a classe "js-contenedor-relacionado-big-movil-boton" utilizada para o contentor móvel deve ser utilizada uma única vez nesta página.

Elemento vazio

Componente sem função - Adicione a esta área qualquer elemento que pretenda deslocar para outro local na vista móvel.

  • «El español en el mundo 2026. Anuario del Instituto Cervantes»

  • Guía de la biblioteca: nivel A1

  • Guía de la biblioteca: nivel A2

  • Esto es el título

    Aquí va una descripción de la imagen
  • Título

    Descripción de la imagen

Compatibilidad con modo oscuro

Eliminando la clase bg-gris-azulado-50 y añadiendo block-dark-mode conseguiremos ver el módulo en su modo oscuro.

Un Bloque


Bloque uno

Utilizações múltiplas da classe do contentor móvel

Erro de funcionamento - Para um funcionamento correto, a classe "js-contenedor-relacionado-dark-movil-boton" utilizada para o contentor móvel deve ser utilizada uma única vez nesta página.

Elemento vazio

Componente sem função - Adicione a esta área qualquer elemento que pretenda deslocar para outro local na vista móvel.

  • «El español en el mundo 2026. Anuario del Instituto Cervantes»

  • Guía de la biblioteca: nivel A1

  • Guía de la biblioteca: nivel A2

  • Esto es el título

    Aquí va una descripción de la imagen
  • Título

    Descripción de la imagen