인터랙티브 콘텐츠 소개

정적 및 동적 콘텐츠에 대한 설명입니다.

고정 콘텐츠와 실시간 콘텐츠는 웹사이트 구축에 활용할 수 있는 두 가지 형태의 콘텐츠를 나타냅니다. 고정 컨텐츠는 CMS에 연결되지 않은 컨텐츠와 관련된 반면, 대화형 컨텐츠는 CMS와 연결된 컨텐츠를 암시합니다.

이 교육 모듈에서는 다음에 대한 통찰력을 얻을 수 있습니다.

  • 고정 컨텐츠
  • 대화형 콘텐츠

고정 컨텐츠

고정 컨텐츠는 수동 업데이트가 필요한 컨텐츠를 나타냅니다. 클래스를 사용하여 정적 콘텐츠가 포함된 요소의 스타일을 지정하면 여러 요소를 동시에 사용자 지정할 수 있지만 정적 콘텐츠 자체의 관리는 수동으로 수행해야 합니다. 고정 콘텐츠는 404 오류 페이지, 사이트 홈페이지, 비밀번호 페이지 등 자율 페이지에 유용한 것으로 입증되었습니다.

그럼에도 불구하고 블로그, 디자인 포트폴리오 또는 지속적으로 수정되는 비슷한 콘텐츠 유형을 보여주는 웹사이트(예: 뉴스 사이트)를 구축하려는 경우 고정 콘텐츠는 이상적이지 않을 수 있습니다. 예를 들어, 블로그는 블로그 항목의 표준 형식을 따르는 경우가 많으므로 웹 사이트에서 각 블로그 게시물을 개별적으로 만들고 디자인하는 것은 비생산적입니다.

이러한 시나리오와 다른 많은 시나리오에서 고정 컨텐츠를 활용하려면 상당한 양의 컨텐츠를 수동으로 복제하고 변경해야 합니다. 바로 여기에서 대화형 콘텐츠가 유리할 수 있습니다.

대화형 콘텐츠

대화형 콘텐츠는 Webflow CMS의 데이터와 상호 연결된 콘텐츠(변경될 수 있는 콘텐츠)를 구현합니다. 인터랙티브한 콘텐츠를 통합하면 디자인이 CMS 데이터에 연결되어 다양한 콘텐츠 인스턴스를 종합적으로 업데이트할 수 있습니다.

예를 들어, "블로그 게시물" 컬렉션에 대한 동적 컬렉션 템플릿 페이지를 활용하면 디자이너의 한 위치에서 템플릿 페이지의 디자인을 조정할 수 있으므로 결과적으로 웹 사이트의 모든 블로그 게시물 디자인이 업데이트됩니다. 이 접근 방식은 반복되는 콘텐츠(예: 블로그, 뉴스 사이트, 팀원 약력)를 제공하는 웹 사이트에 매우 효율적입니다.

동적 웹 페이지를 더 깊이 탐구하고 싶으십니까?

텍스트 요소는 "포트폴리오 항목"이라는 컬렉션의 "이름" 필드에 동적으로 연결됩니다. 그러면 텍스트 요소의 내용이 "이름" 필드의 내용으로 자동으로 채워집니다.
이완 막
Ewan Mak의 최신 게시물 (모두 보기)