Studio 에디터: 글로벌 섹션 사용하기
6 분 분량
페이지 메뉴
- 글로벌 섹션 설정하기
- 글로벌 섹션 관리하기
- 다른 페이지에 글로벌 섹션 표시하기
- 글로벌 버전에서 섹션 분리하기
- 자주 묻는 질문
복사해 붙여넣기를 할 필요 없이 동일한 콘텐츠를 여러 페이지에 표시할 수 있습니다. 섹션을 글로벌 섹션으로 설정한 후, 추가할 페이지를 선택하세요. 글로벌 섹션에 대한 모든 변경 사항은 사이트 전체에 표시되는 모든 곳에 적용됩니다.
![Studio 에디터 사이트의 글로벌 머리글 예시](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/03/08/0fca6d65-281e-4d17-80c8-f4e06a884250/63ae6883-62e6-499b-aa0d-cc4aab579556.png)
도움말:
글로벌 섹션에는 마우스오버 시 녹색 오버레이가 표시되므로 바로 인식할 수 있습니다.
글로벌 섹션 설정하기
기본적으로 Studio 에디터 사이트는 모든 페이지에 표시되는 글로벌 머리글 및 바닥글이 함께 제공됩니다. 하지만, 둘 이상의 페이지에 머리글 또는 바닥글이 아닌 다른 섹션을 표시하고자 하는 경우에는 해당 섹션을 글로벌 섹션으로 설정할 수 있습니다.
어떤 섹션을 글로벌 섹션으로 설정할 수 있나요?
글로벌 섹션을 설정하려면:
- 에디터에서 해당 섹션을 선택합니다.
- 추가 작업
아이콘을 클릭합니다.
- 글로벌로 설정을 클릭합니다.
- 해당 옵션을 선택합니다.
- 머리글: 페이지 상단에 표시되는 섹션입니다.
- 섹션: 페이지 중앙(머리글과 바닥글 사이)에 표시되는 섹션입니다.
- 바닥글: 페이지 하단에 표시되는 섹션입니다.
- 글로벌 섹션의 이름을 입력합니다.
![섹션을 선택하고 글로벌로 설정하는 방법을 보여주는 스크린샷](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/07/10/692396e5-84de-47ee-80a5-b3d698b24ba7/b932007f-16cc-4756-bf49-9fcadfba2064.png)
섹션을 머리글 또는 바닥글로 설정할 수 있나요?
섹션이 모든 중단점에서 페이지의 상단 / 하단에 위치하는지 확인하세요.
글로벌 섹션 관리하기
사이트의 글로벌 섹션을 한 곳에서 확인하고 관리하세요. 글로벌 섹션 패널에서는 이름을 변경하고, 복제하고, 글로벌 섹션이 표시되지 않는 페이지에 글로벌 섹션을 추가할 수 있습니다. 더 이상 필요하지 않은 글로벌 섹션을 삭제할 수도 있습니다.
글로벌 섹션을 관리하려면:
- 에디터 왼쪽에서 글로벌 섹션
을 클릭합니다.
- 글로벌 섹션에 마우스오버한 후 추가 작업
아이콘을 클릭합니다.
- 다음에 수행할 작업을 선택합니다.
- 편집: 글로벌 섹션의 콘텐츠, 디자인 및 레이아웃을 편집합니다.
참고: 변경 사항은 글로벌 섹션이 표시되는 모든 곳에 적용됩니다. - 추가: 이 글로벌 섹션을 여러 사이트 페이지에 동시에 추가합니다.
- 이름 변경: 글로벌 섹션의 이름을 변경합니다.
- 복제: 글로벌 섹션의 복사본을 생성합니다. 이는 기존 디자인을 복제할 때 유용합니다.
- 삭제: 더 이상 필요하지 않은 글로벌 섹션을 제거합니다.
참고: 섹션이 사이트에서 삭제됩니다.
- 편집: 글로벌 섹션의 콘텐츠, 디자인 및 레이아웃을 편집합니다.
![패널에서 글로벌 섹션 선택 시 표시되는 관리 옵션의 스크린샷](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/07/10/d4076e44-1b89-42d1-bc84-11fa0584f4b0/efcb05c9-ab36-4eea-9fd0-07cfa248c842.png)
도움말:
글로벌 섹션을 화면에 고정하면 방문자가 페이지를 위아래로 스크롤해도 위치를 유지할 수 있습니다. 이는 메뉴를 눈에 띄게 만들거나 스크롤하는 동안 배너가 표시될 수 있도록 하는 좋은 방법입니다.
참고:
페이지당 하나의 고정 글로벌 섹션만 설정할 수 있습니다.
다른 페이지에 글로벌 섹션 표시하기
섹션을 글로벌로 설정한 후에는 다른 페이지에 추가하세요. 글로벌 섹션에는 현재 페이지에 표시되는 섹션 옆에 체크 표시
가 표시됩니다. 표시되지 않는 섹션을 확인하고 원하는 섹션을 추가할 수 있습니다.
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/02/22/3b7ed616-f606-4441-9649-1fac227a9490/2aa9c404-b7f3-4821-958e-0490ee526b20.png)
![글로벌 섹션 패널의 경우, 머리글 옆에 체크 표시가 표시되고 페이지에 없는 섹션을 추가하는 옵션이 표시됩니다.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/07/10/2192e841-5cd6-4c46-aa3f-a663108c306d/f0f1450e-4695-4f3d-85c4-46ebb96dbd21.png)
시작하기 전:![섹션을 클릭하면 글로벌 섹션 패널에 표시되는 작은 미리보기](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/07/10/15217193-5124-4a04-b931-95a93afaae0b/d0bd6546-a60d-478c-bbbf-5778d410d3ce.png)
패널에서 섹션을 클릭해 페이지에 추가하기 전에 미리보기를 확인할 수 있습니다.
![섹션을 클릭하면 글로벌 섹션 패널에 표시되는 작은 미리보기](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/07/10/15217193-5124-4a04-b931-95a93afaae0b/d0bd6546-a60d-478c-bbbf-5778d410d3ce.png)
다른 페이지에 글로벌 섹션을 표시하려면:
- 글로벌 섹션을 추가할 페이지로 이동합니다.
- 에디터 왼쪽에서 글로벌 섹션
을 클릭합니다.
- 글로벌 섹션을 추가할 위치를 선택합니다.
- 현재 페이지에 추가: 해당 섹션에 마우스오버한 후 페이지에 추가를 클릭합니다.
- 여러 페이지에 추가:
- 해당 섹션에 마우스오버한 후 추가 작업
아이콘을 클릭합니다.
- 추가를 클릭합니다.
- 해당 페이지 옆 체크 상자를 선택합니다.
- 적용을 클릭합니다.
- 해당 섹션에 마우스오버한 후 추가 작업
- 글로벌 섹션을 페이지의 올바른 위치로 이동합니다.
- 에디터 왼쪽에서 레이어
를 클릭합니다.
- 섹션을 원하는 위치로 끌어다 놓습니다.
- 에디터 왼쪽에서 레이어
도움말:
이에 따라 글로벌 머리글 및 바닥글은 항상 페이지의 상단 또는 하단에 표시됩니다. 다른 유형의 글로벌 섹션은 표시되는 모든 페이지에서 원하는 위치에 배치할 수 있습니다.
글로벌 버전에서 섹션 분리하기
글로벌 섹션에 대한 변경 사항은 섹션이 표시되는 모든 곳에 적용됩니다. 나머지 페이지에 영향을 주지 않고 단일 페이지의 섹션을 변경하려면 글로벌 버전에서 특정 섹션을 분리할 수 있습니다.
글로벌 섹션은 여전히 존재하지만, 이 특정 섹션은 더 이상 관련이 없게 됩니다. 해당 섹션은 페이지의 일반 섹션이 됩니다.
섹션을 분리하려면:
- 에디터에서 해당 섹션을 선택합니다.
- 추가 작업
아이콘을 클릭합니다.
- 글로벌 섹션에서 분리를 클릭합니다.
![글로벌 버전에서 분리한 캔버스의 글로벌 섹션 스크린샷](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/07/10/b93e9cb2-7e40-45b0-9d2a-2dfafa877ea4/d7df6ecd-5ec7-4125-b810-6baaa832fff9.png)
자주 묻는 질문
Studio 에디터에서 글로벌 섹션을 사용하는 방법에 대해 자세히 알아보려면 아래 질문을 클릭하세요.
글로벌 머리글/바닥글을 설정할 수 없는 이유는 무엇인가요?
글로벌 섹션에 대한 중단점을 정의해야 하나요?
글로벌에서 섹션을 분리했습니다. 다시 합칠 수 있나요?