Contenido dinámico

Este elemento personalizado carga contenido de forma dinámica desde cualquier arrendatario de DevSite o recurso externo que se haya agregado al corpus de contenido externo de DevSite.

Uso general

El siguiente ejemplo usa el elemento personalizado <devsite-dynamic-content> para cargar dinámicamente tres tarjetas de contenido (con un máximo de seis) en orden de antigüedad en todos los inquilinos de DevSite.

Tarjetas temáticas

El siguiente ejemplo usa el elemento personalizado <devsite-dynamic-content> para cargar dinámicamente seis tarjetas de temas (con un máximo de 12) en orden de antigüedad en todos los inquilinos de DevSite. El atributo de fields incluye title , summary , date , product-icons e language .

Tarjetas de caminos

El siguiente ejemplo usa el elemento personalizado <devsite-dynamic-content> para cargar dinámicamente seis tarjetas de rutas (con un máximo de 12) en orden de antigüedad en todos los inquilinos de DevSite. El atributo de fields incluye title , summary , date , progress-bar y skill .

Lista de reproducción y tarjetas de blog

El siguiente ejemplo utiliza el elemento personalizado <devsite-dynamic-content> para cargar dinámicamente tres listas de reproducción y tarjetas de blog de Android (con un máximo de 12) en orden de antigüedad. El atributo de fields incluye title , type , attribution y date .

El siguiente ejemplo muestra una lista ordenada por título de las 12 principales coincidencias de búsqueda de texto devsite-only en todos los inquilinos de DevSite para "realidad virtual de ensueño".

Ajustar el número de columnas

El elemento personalizado <devsite-dynamic-content> muestra los resultados en tres columnas de forma predeterminada. El siguiente ejemplo se ajusta para representar los resultados en dos columnas configurando el atributo de items-across en "2".

contenido externo

Agregue fuentes externas a sus archivos de configuración de inquilinos y especifique el atributo de origin dentro del elemento personalizado <devsite-dynamic-content> para incluir contenido externo en sus resultados.

Youtube

El siguiente ejemplo especifica origin:youtube dentro del elemento personalizado <devsite-dynamic-content> . Los resultados cargan dinámicamente tres tarjetas (con un máximo de 12) que muestran las principales coincidencias de texto para "kotlin" en los videos de YouTube de Android.

bloguero

El siguiente ejemplo especifica origin:blogger dentro del elemento personalizado <devsite-dynamic-content> y carga dinámicamente tres publicaciones del blog de desarrolladores de Google.

Medio

El siguiente ejemplo especifica origin:medium dentro del elemento personalizado <devsite-dynamic-content> . Los resultados cargan dinámicamente tres publicaciones (con un máximo de 12) que coinciden con los metadatos de atribución y autor.

Blog de la nube

En el siguiente ejemplo, se especifica tenant:cloud+type:blog dentro del elemento personalizado <devsite-dynamic-content> para incluir el contenido del blog de Google Cloud Platform en los resultados de contenido dinámico.

Podcasts de LibSyn

El siguiente ejemplo especifica origin:libsyn dentro del elemento personalizado <devsite-dynamic-content> y carga dinámicamente todos los episodios del podcast LibSyn "Search Off the Record".