이 맞춤 요소는 DevSite 외부 콘텐츠 코퍼스에 추가된 모든 DevSite 테넌트 또는 외부 리소스에서 콘텐츠를 동적으로 로드합니다.
일반 사용법
다음 예에서는 <devsite-dynamic-content> 커스텀 요소를 사용하여 모든 DevSite 테넌트에서 최신성 순서대로 3개의 콘텐츠 카드 (최대 6개)를 동적으로 로드합니다.
주제 카드
다음 예에서는 <devsite-dynamic-content> 커스텀 요소를 사용하여 모든 DevSite 테넌트에서 날짜순에 따라 최대 12개의 주제 카드 6개를 동적으로 로드합니다. fields 속성에는 title, summary,
date, product-icons, language가 포함됩니다.
과정 카드
다음 예에서는 <devsite-dynamic-content> 커스텀 요소를 사용하여 모든 DevSite 테넌트에서 최신성 순서대로 6개의 경로 카드 (최대 12개)를 동적으로 로드합니다. fields 속성에는 title, summary,
date, progress-bar, skill가 포함됩니다.
재생목록 및 블로그 카드
다음 예에서는 <devsite-dynamic-content> 맞춤 요소를 사용하여 최신순의 순서로 최대 12개의 Android 재생목록과 블로그 카드 3개를 동적으로 로드합니다. fields 속성에는 title, type,
attribution, date가 포함됩니다.
모든 테넌트 텍스트 검색
다음 예시에서는 'daydream 가상 현실'에 대한 모든 DevSite 테넌트에서 상위 12개 devsite-only 텍스트 검색 제목의 제목을 기준으로 정렬한 목록을 표시합니다.
열 수 조정
<devsite-dynamic-content> 맞춤 요소는 기본적으로 세 개의 열로 결과를 렌더링합니다. 다음 예는 items-across 속성을 '2'로 설정하여 두 열의 결과를 렌더링하도록 조정됩니다.
외부 콘텐츠
외부 구성 파일을 테넌트 구성 파일에 추가하고 <devsite-dynamic-content> 커스텀 요소 내에 origin 속성을 지정하여 외부 콘텐츠를 결과에 포함합니다.
YouTube
다음 예에서는 <devsite-dynamic-content> 맞춤 요소 내에서 origin:youtube를 지정합니다. 결과에는 Android YouTube 동영상에서 'kotlin'의 상위 텍스트 일치를 표시하는 3개의 카드 (최대 12개)가 동적으로 로드됩니다.
Blogger
다음 예에서는 <devsite-dynamic-content> 맞춤 요소 내에 origin:blogger를 지정하고 Google Developers 블로그에서 게시물 세 개를 동적으로 로드합니다.
보통
다음 예에서는 <devsite-dynamic-content> 맞춤 요소 내에서 origin:medium를 지정합니다. 결과는 기여 분석 및 작성자 메타데이터와 일치하는 세 개의 게시물 (최대 12개)을 동적으로 로드합니다.
Cloud 블로그
다음 예에서는 동적 콘텐츠 결과에 Google Cloud Platform 블로그 콘텐츠를 포함하도록 <devsite-dynamic-content> 맞춤 요소 내에 tenant:cloud+type:blog를 지정합니다.
LibSyn 팟캐스트
다음 예에서는 <devsite-dynamic-content> 맞춤 요소 내에 origin:libsyn를 지정하고 'Search Off the Record' LibSyn 팟캐스트의 모든 에피소드를 동적으로 로드합니다.