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
기능 오류 - 올바르게 작동하려면 모바일 컨테이너에 사용되는 "js-contenedor-relacionado-movil-boton-unico" 클래스를 이 페이지에서 한 번만 사용해야 합니다.
기능이 없는 구성 요소 - 모바일 보기에서 다른 위치로 옮기려는 요소를 이 영역에 추가하세요.
-
Publicación
«El español en el mundo 2026. Anuario del Instituto Cervantes»
-
Publicación
Guía de la biblioteca: nivel A1

-
Publicación
Guía de la biblioteca: nivel A2

-
Publicación
Esto es el título
-
Publicación
Título
-
Publicación
Ten Reasons to Learn & Teach Spanish
![Ten Reasons to Learn & Teach Spanish [Diez razones para aprender y enseñar español]](/documents/7954580/11598808/ten-reasons-to-learn-and-teach-spanish-2007.png/64fde83a-58db-ef55-f555-c4e451b92d1c)
FRG_CMP_ContenidoRelacionado1Bloque
Fragmento > Módulos - Tarjetas > FRG_CMP_ContenidoRelacionado1Bloque
Un Bloque
Bloque uno
기능 오류 - 올바르게 작동하려면 모바일 컨테이너에 사용되는 "js-contenedor-relacionado-movil-boton" 클래스를 이 페이지에서 한 번만 사용해야 합니다.
기능이 없는 구성 요소 - 모바일 보기에서 다른 위치로 옮기려는 요소를 이 영역에 추가하세요.
-
Publicación
«El español en el mundo 2026. Anuario del Instituto Cervantes»
-
Publicación
Guía de la biblioteca: nivel A1

-
Publicación
Guía de la biblioteca: nivel A2

-
Publicación
Esto es el título
-
Publicación
Título
FRG_CMP_ContenidoRelacionado2Bloques
Fragmento > Módulos - Tarjetas > FRG_CMP_ContenidoRelacionado2Bloques
Dos Bloques
Bloque uno
기능 오류 - 올바르게 작동하려면 모바일 컨테이너에 사용되는 "js-contenedor-relacionado2G-movil-boton-A" 클래스를 이 페이지에서 한 번만 사용해야 합니다.
기능이 없는 구성 요소 - 모바일 보기에서 다른 위치로 옮기려는 요소를 이 영역에 추가하세요.
-
Publicación
«El español en el mundo 2026. Anuario del Instituto Cervantes»
-
Publicación
Guía de la biblioteca: nivel A1

-
Publicación
Guía de la biblioteca: nivel A2

Bloque dos
기능 오류 - 올바르게 작동하려면 모바일 컨테이너에 사용되는 "js-contenedor-relacionado2G-movil-boton-B" 클래스를 이 페이지에서 한 번만 사용해야 합니다.
기능이 없는 구성 요소 - 모바일 보기에서 다른 위치로 옮기려는 요소를 이 영역에 추가하세요.
-
Cine y AudiovisualesAnimaciónLiteraturaCineCómic상세 정보 보기: : 24 viñetas por segundo. Cine y cómic en España.24 viñetas por segundo. Cine y cómic en España.
-
Cine y AudiovisualesAnimaciónLiteraturaCineCómic상세 정보 보기: : 24 viñetas por segundo. Cine y cómic en España.24 viñetas por segundo. Cine y cómic en España.
-
Proyectos multidisciplinaresFotografíaModaÓpera상세 정보 보기: : Masterclass de fotografía de moda. Vestir el mito: Los trajes de ópera de TeresaMasterclass de fotografía de moda. Vestir el mito: Los trajes de ópera de Teresa
FRG_CMP_ContenidoRelacionado3Bloques
Fragmento > Módulos - Tarjetas > FRG_CMP_ContenidoRelacionado3Bloques
Tres Bloques
Bloque uno
기능 오류 - 올바르게 작동하려면 모바일 컨테이너에 사용되는 "js-contenedor-relacionado3G-movil-boton-A" 클래스를 이 페이지에서 한 번만 사용해야 합니다.
기능이 없는 구성 요소 - 모바일 보기에서 다른 위치로 옮기려는 요소를 이 영역에 추가하세요.
-
Publicación
«El español en el mundo 2026. Anuario del Instituto Cervantes»
-
Publicación
Guía de la biblioteca: nivel A1

-
Publicación
Guía de la biblioteca: nivel A2

Bloque dos
기능 오류 - 올바르게 작동하려면 모바일 컨테이너에 사용되는 "js-contenedor-relacionado3G-movil-boton-B" 클래스를 이 페이지에서 한 번만 사용해야 합니다.
기능이 없는 구성 요소 - 모바일 보기에서 다른 위치로 옮기려는 요소를 이 영역에 추가하세요.
-
Cine y AudiovisualesAnimaciónLiteraturaCineCómic상세 정보 보기: : 24 viñetas por segundo. Cine y cómic en España.24 viñetas por segundo. Cine y cómic en España.
-
Cine y AudiovisualesAnimaciónLiteraturaCineCómic상세 정보 보기: : 24 viñetas por segundo. Cine y cómic en España.24 viñetas por segundo. Cine y cómic en España.
-
Proyectos multidisciplinaresFotografíaModaÓpera상세 정보 보기: : Masterclass de fotografía de moda. Vestir el mito: Los trajes de ópera de TeresaMasterclass de fotografía de moda. Vestir el mito: Los trajes de ópera de Teresa
Bloque tres
기능 오류 - 올바르게 작동하려면 모바일 컨테이너에 사용되는 "js-contenedor-relacionado3G-movil-boton-c" 클래스를 이 페이지에서 한 번만 사용해야 합니다.
기능이 없는 구성 요소 - 모바일 보기에서 다른 위치로 옮기려는 요소를 이 영역에 추가하세요.
-
Con ProfesorEn líneaPublicadoSíAcreditación de examinadores DELE C1 y C2Lisboa
-
Con ProfesorPresencialPlanificado0149 Español para niños hispanohablantes LH3-5 (presencial): S 9:50-11:30 (60 h)Cracovia
-
Con ProfesorAdultosA1En líneaEn curso0002 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
기능 오류 - 올바르게 작동하려면 모바일 컨테이너에 사용되는 "js-contenedor-relacionado-big-movil-boton" 클래스를 이 페이지에서 한 번만 사용해야 합니다.
기능이 없는 구성 요소 - 모바일 보기에서 다른 위치로 옮기려는 요소를 이 영역에 추가하세요.
-
Publicación
«El español en el mundo 2026. Anuario del Instituto Cervantes»
-
Publicación
Guía de la biblioteca: nivel A1

-
Publicación
Guía de la biblioteca: nivel A2

-
Publicación
Esto es el título
-
Publicación
Título
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
기능 오류 - 올바르게 작동하려면 모바일 컨테이너에 사용되는 "js-contenedor-relacionado-dark-movil-boton" 클래스를 이 페이지에서 한 번만 사용해야 합니다.
기능이 없는 구성 요소 - 모바일 보기에서 다른 위치로 옮기려는 요소를 이 영역에 추가하세요.
-
Publicación
«El español en el mundo 2026. Anuario del Instituto Cervantes»
-
Publicación
Guía de la biblioteca: nivel A1

-
Publicación
Guía de la biblioteca: nivel A2

-
Publicación
Esto es el título
-
Publicación
Título