콘텐츠

콘텐츠의 개념을 이해하고, 그 종류와 사용 방법을 안내합니다.

콘텐츠란?

콘텐츠는 페이지 디자인에 사용되는 이미지, 텍스트, 상품목록 등의 요소를 뜻합니다. 사이트 목적에 따라 다양한 콘텐츠를 사용하여 디자인을 할 수 있습니다.

1. 콘텐츠 사용법

1-1. 콘텐츠 추가하기

  1. 속성 패널의 [+콘텐츠 추가] 버튼을 클릭하여 콘텐츠 목록을 확인합니다.

  2. 추가하려는 콘텐츠를 클릭 합니다.

  3. 뷰포트를 통해 추가 된 콘텐츠를 확인합니다.

1-2. 콘텐츠 배치하기

추가한 콘텐츠의 크기를 조절하고 이동시켜 원하는 위치로 배치할 수 있습니다.

콘텐츠_크기 조절

1.추가한 콘텐츠의 대각선을 클릭합니다. 2.드래그&드랍으로 크기를 조절합니다. 3.콘텐츠 오른쪽 아래 콘텐츠의 비율을 확인합니다.

콘텐츠_이동하기

1.이동하려는 콘텐츠를 클릭합니다. 2.드래그&드랍으로 섹션의 원하는 영역으로 이동합니다.

1-3. 콘텐츠 설정하기

추가한 콘텐츠 요소를 설정할 수 있습니다. 각 콘텐츠의 개별 링크 설정 및 자세한 내용은 콘텐츠 요소 가이드를 참고 부탁드립니다.

모든 콘텐츠의 디자인 설정은 속성패널을 통해 설정이 가능합니다.

항목

설정

앞으로 가져오기 콘텐츠의 위치를 앞으로 이동합니다.

뒤로 보내기 콘텐츠의 위치를 뒤로 이동합니다.

복제 콘텐츠를 복제합니다.

삭제 해당 콘텐츠를 삭제합니다.

1-4. 콘텐츠 복제하기

SNS아이콘 등의 콘텐츠를 반복적으로 여러 위치에 배치하려는 경우 사용합니다.

콘텐츠 복제 시 설정을 한 내용(색상, URL등)이 모두 복제가 됩니다.

  1. 복제하려는 콘텐츠를 클릭합니다.

  2. 퀵 메뉴의 복제하기를 클릭합니다.

  3. 복제 된 콘텐츠를 확인합니다.

복제 된 콘텐츠는 기존 콘텐츠와 겹쳐져서 생성이 되기에, 복제 후 콘텐츠 배치를 해야합니다.

1-5. 콘텐츠 삭제하기

추가한 콘텐츠를 삭제합니다. 콘텐츠는 뷰포트를 통한 삭제 그리고 속성패널을 통한 삭제를 할 수 있습니다.

삭제가 된 콘텐츠는 복구가 불가능합니다.

뷰포트를 통해 삭제하기

  1. 뷰포트에서 삭제하려는 컨텐츠를 클릭합니다.

  2. 퀵 메뉴의 삭제 버튼을 클릭합니다.

뷰포트를 통해 삭제 시 얼럿을 통한 확인 과정없이 즉시 삭제가 됩니다.

속성패털을 통해 삭제하기

  1. 뷰포트에서 삭제하려는 컨텐츠를 클릭합니다.

  2. 이동이 된 속성 패널 오른쪽 위 삭제 아이콘을 클릭 합니다.

  3. 얼럿의 확인 버튼을 클릭합니다.

Last updated