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», используемый для мобильного контейнера, должен использоваться на этой странице только один раз.

Пустой элемент

Компонент без функции - Добавьте в эту область любой элемент, который нужно переместить в другое место в мобильном представлении.

  • «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]
Результаты не найдены

FRG_CMP_ContenidoRelacionado1Bloque

Fragmento > Módulos - Tarjetas > FRG_CMP_ContenidoRelacionado1Bloque

Un Bloque


Bloque uno

Многократное использование класса мобильного контейнера

Ошибка функциональности - Для корректной работы класс «js-contenedor-relacionado-movil-boton», используемый для мобильного контейнера, должен использоваться на этой странице только один раз.

Пустой элемент

Компонент без функции - Добавьте в эту область любой элемент, который нужно переместить в другое место в мобильном представлении.

  • «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

Многократное использование класса мобильного контейнера

Ошибка функциональности - Для корректной работы класс «js-contenedor-relacionado2G-movil-boton-A», используемый для мобильного контейнера, должен использоваться на этой странице только один раз.

Пустой элемент

Компонент без функции - Добавьте в эту область любой элемент, который нужно переместить в другое место в мобильном представлении.

  • «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

Многократное использование класса мобильного контейнера

Ошибка функциональности - Для корректной работы класс «js-contenedor-relacionado2G-movil-boton-B», используемый для мобильного контейнера, должен использоваться на этой странице только один раз.

Пустой элемент

Компонент без функции - Добавьте в эту область любой элемент, который нужно переместить в другое место в мобильном представлении.

FRG_CMP_ContenidoRelacionado3Bloques

Fragmento > Módulos - Tarjetas > FRG_CMP_ContenidoRelacionado3Bloques

Tres Bloques


Bloque uno

Многократное использование класса мобильного контейнера

Ошибка функциональности - Для корректной работы класс «js-contenedor-relacionado3G-movil-boton-A», используемый для мобильного контейнера, должен использоваться на этой странице только один раз.

Пустой элемент

Компонент без функции - Добавьте в эту область любой элемент, который нужно переместить в другое место в мобильном представлении.

  • «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

Многократное использование класса мобильного контейнера

Ошибка функциональности - Для корректной работы класс «js-contenedor-relacionado3G-movil-boton-B», используемый для мобильного контейнера, должен использоваться на этой странице только один раз.

Пустой элемент

Компонент без функции - Добавьте в эту область любой элемент, который нужно переместить в другое место в мобильном представлении.

Bloque tres

Многократное использование класса мобильного контейнера

Ошибка функциональности - Для корректной работы класс «js-contenedor-relacionado3G-movil-boton-c», используемый для мобильного контейнера, должен использоваться на этой странице только один раз.

Пустой элемент

Компонент без функции - Добавьте в эту область любой элемент, который нужно переместить в другое место в мобильном представлении.

  • 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

Многократное использование класса мобильного контейнера

Ошибка функциональности - Для корректной работы класс «js-contenedor-relacionado-big-movil-boton», используемый для мобильного контейнера, должен использоваться на этой странице только один раз.

Пустой элемент

Компонент без функции - Добавьте в эту область любой элемент, который нужно переместить в другое место в мобильном представлении.

  • «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

Многократное использование класса мобильного контейнера

Ошибка функциональности - Для корректной работы класс «js-contenedor-relacionado-dark-movil-boton», используемый для мобильного контейнера, должен использоваться на этой странице только один раз.

Пустой элемент

Компонент без функции - Добавьте в эту область любой элемент, который нужно переместить в другое место в мобильном представлении.

  • «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