섹션 만들기

섹션 개념의 핵심은 섹션이 시작하고 끝나는 지점을 표시하며, 어떤 요소가 포함되어야 하는지를 나타내는 특별한 컨트롤 요소인 섹션 브레이크입니다. 사용 방법은 다음과 같습니다:

1. 요소 추가를 클릭합니다.

2. 컨트롤을 클릭하여 새로운 컨트롤 요소를 만듭니다.

3. 유형을 섹션 브레이크로 설정합니다.

4. 소문자, 숫자, 하이픈으로만 구성된 짧고 설명적인 이름을 지정합니다 (예: work). 이는 섹션을 고유하게 식별하고 링크할 수 있게 해줍니다 (아래 참조).

5. 사이트를 나누고 싶은 위치로 섹션 브레이크를 드래그하여 놓습니다. 빌더에서는 효과가 명확하지 않지만, 사이트의 게시된 버전에서는 다음과 같은 일이 발생합니다:

• 방금 설정한 이름(예: work)으로 새로운 섹션을 생성하고, 섹션 브레이크 이후의 모든 요소를 포함합니다 (다른 섹션 브레이크, 푸터 마커, 또는 사이트의 하단까지).
• 섹션 브레이크 이전의 모든 요소를 이전 섹션에 할당합니다 (다른 섹션 브레이크, 헤더 마커, 또는 사이트의 상단까지).
• ... 그리고 이전 섹션이 없으면, 자동으로 home이라는 이름으로 하나를 생성합니다.

6. 버튼, 링크 또는 URL을 사용하는 거의 모든 것에 해시 #와 섹션의 이름을 사용하여 섹션에 링크합니다 (예: #work).

7. (선택 사항) 사이트의 페이지 요소를 선택하고, 애니메이션 탭을 클릭한 다음, 사이트가 섹션을 변경할 때 사용할 섹션 변경 시 효과를 선택합니다.

8. 완료되었습니다! 섹션으로의 링크를 클릭하면 즉시 열리고 그 내용을 표시합니다 (섹션 변경 효과가 선택된 경우 해당 효과를 사용하여). 각 섹션은 사이트의 URL에 해시로 접두된 이름을 추가하여 깊이 링크할 수 있습니다 (예: foo.carrd.co/#work). 다음 특별 URL을 사용하여 섹션 간에 탐색할 수도 있습니다:

... 그리고 이게 전부입니다! 이 과정을 반복하여 더 많은 섹션을 만들거나, 개념을 한 단계 더 발전시켜 헤더 추가 및 푸터 추가를 할 수 있습니다.

목차 - carrd 문서