에디터 X: 반복 레이아웃 사용하기

에디터 X: 반복 레이아웃 사용하기

8 분 분량

에디터 X는 에이전시 및 프리랜서를 위한 새로운 플랫폼인 Wix Studio로 전환됩니다.Wix Studio에 대해 자세히 알아보세요.

반복 레이아웃은 디자인과 레이아웃은 동일하지만 콘텐츠가 다른 아이템 목록입니다. 반복 레이아웃은 빠르고 쉬운 방법으로 콘텐츠를 표시할 수 있도록 합니다.

에디터 X에서 반복 레이아웃은 크기 조정 시 콘텐츠를 자동으로 재구성하는 유연한 레이아웃으로 배열되어 모든 화면 크기에서 멋지게 표시됩니다.

다음 지침을 참고하세요.

도움말:

또한, 반복 레이아웃을 사용해 컬렉션의 동적 콘텐츠를 CMS(콘텐츠 관리 시스템)에 연결해 표시할 수 있습니다.

Wix에서는 사이트에 추가하고 필요에 따라 사용자 지정할 수 있도록 다양한 사전 디자인된 반복 레이아웃 섹션을 제공합니다. 일부 반복 레이아웃은 이미지를 포함하고, 일부는 텍스트를 강조하는 "목록" 스타일에 가깝습니다.

반복 레이아웃의 모든 아이템은 동일한 디자인을 갖습니다. 반복 레이아웃 아이템에 요소 추가 시에는 디자인 일관성을 유지하기 위해 모든 아이템에 자동으로 추가됩니다.

하지만, 아이템 내의 개별 요소(예: 텍스트, 이미지)는 여전히 사용자 지정할 수 있습니다. 예를 들어, 한 아이템에 버튼을 추가하면 나머지 아이템에도 추가되지만 각 아이템의 버튼 텍스트를 변경해 다른 메시지를 전달할 수 있습니다.

반복 레이아웃에 추가할 수 없는 요소는 무엇인가요?

도움말:

하나의 반복 레이아웃 아이템에서 요소를 제거하면 다른 모든 아이템에서도 삭제됩니다.

속성 패널에서 반복 레이아웃 아이템을 쉽게 복제, 이름 변경, 순서 변경 및 삭제할 수 있습니다.

반복 레이아웃을 클릭합니다.
에디터 X 상단에서 속성 아이콘을 클릭합니다.
(속성 패널에서) 아이템 수 옆 관리 를 클릭합니다.
반복 레이아웃 아이템을 관리할 방법을 선택합니다.
- 아이템 복제: 하단에서 아이템 복제를 클릭합니다.
- 아이템 삭제: 추가 작업 아이콘을 클릭한 후 삭제를 클릭합니다.
- 아이템 이름 변경하기: 추가 작업 아이콘을 클릭한 후 이름 변경을 클릭합니다.
- 아이템 순서 변경: 아이템을 클릭해 새로운 위치로 끌어다 놓습니다.

반복 레이아웃의 디자인을 사용자 지정해 나만의 레이아웃으로 만드세요. 아이템의 배경 색상을 변경하고 테두리, 음영 또는 방문자가 반복 레이아웃에 마우스오버 시 나타나는 흥미로운 커서 등을 추가할 수 있습니다.

반복 레이아웃을 클릭합니다.
에디터 X 상단에서 속성 아이콘을 클릭합니다.
디자인 탭을 클릭합니다.
사용 가능한 옵션을 사용해 반복 레이아웃을 디자인합니다.
- 모든 아이템의 채우기 색상 및 투명도를 변경합니다.
- 테두리와 음영을 추가해 아이템을 돋보이게 만듭니다.
- 아이템 모서리를 각지게 또는 둥글게 만듭니다.
- 방문자가 반복 레이아웃에 마우스오버 시 표시될 멋진 커서를 추가합니다.

AB 디자인 패턴을 사용 중인 경우:

이러한 디자인 변경 사항은 AB 패턴에 관계없이 모든 반복 레이아웃 아이템에 적용됩니다.

반복 레이아웃 아이템을 2개의 그룹으로 분할해 보다 정교한 디자인을 만들어 보세요. AB 패턴을 사용하면 서로 다른 스타일과 상호작용을 가진 두 가지 버전의 동일한 디자인을 만들 수 있습니다.

AB 패턴을 활성화하면 반복 레이아웃 아이템이 그룹 A와 B로 나뉩니다. 에디터에서 각 그룹에 어떤 아이템이 속하는지 확인할 수 있습니다. A 또는 B 아이템을 디자인하면, 그룹의 다른 아이템이 이에 맞게 자동으로 변경됩니다.