Studio 에디터: 탭 추가 및 사용자 지정하기

5 분 분량

탭 요소를 사용해 페이지의 관련 콘텐츠를 구성하고 그룹화하세요. 탭 요소를 사용하면 콘텐츠의 여러 섹션을 간결하게 표시할 수 있어 클라이언트 사이트의 방문자가 필요한 정보를 쉽게 찾을 수 있습니다.

다음 지침을 참고하세요.

필요한 만큼 탭 요소를 추가해 사이트 콘텐츠를 구성하세요. 프리셋을 선택해 페이지로 끌어온 후 콘텐츠를 사용자 지정하고 요소를 추가할 수 있습니다.

탭 관리 패널을 사용해 탭을 추가, 복제, 이름 변경 또는 삭제할 수 있습니다. 또한, 이 패널에서는 탭을 탐색해 필요에 따라 미리 보고 편집할 수 있습니다.

빈 탭을 추가하고 싶다면:

패널 하단에서 탭 추가를 클릭합니다.

페이지 스타일에 맞게 탭 요소를 사용자 지정합니다. 탭 메뉴, 탭 자체 및 콘텐츠를 표시하는 컨테이너를 디자인할 수 있습니다.

도움말:

기본, 마우스오버, 선택됨의 3가지 상태에 대한 탭을 디자인할 수 있습니다.

디자인 탭을 클릭합니다.
드롭다운에서 디자인할 부분을 선택합니다.
- 탭 컨테이너: 탭 메뉴를 표시하는 컨테이너입니다.
- 탭: 메뉴에 표시되는 탭입니다. 사용자 지정할 상태를 선택합니다(기본, 마우스오버, 선택됨).
- 컨테이너: 각 탭의 콘텐츠를 표시하는 컨테이너입니다.
사용 가능한 디자인 옵션을 사용합니다.
- 배경 채우기: 색상, 그라데이션 또는 이미지 배경을 적용합니다. 여러 배경 레이어를 추가하고 투명도를 조정할 수 있습니다.
- 테두리: 테두리를 추가해 사이트 페이지와의 대비를 생성합니다. 디자인 및 색상을 선택한 후 두께를 설정하세요.
- 모서리: 모서리를 표시할 방법을 선택합니다. 각 모서리를 다르게 조정하고 더 둥글게 또는 더 각지게 만들 수 있습니다.
- 음영: 멋진 3D 효과를 위해 음영을 추가합니다. 크기, 선명도, 각도 등을 설정해 더 큰 효과를 낼 수 있습니다.
- 레이아웃: 안쪽 여백을 조정해 더 크게 또는 더 작게 만듭니다. 자물쇠 아이콘을 활성화 또는 비활성화해 각 면을 개별적으로 조정하거나 동일하게 조정할 수 있습니다.
- 텍스트: 메뉴에 표시되는 탭 이름의 스타일 및 서식을 지정합니다. 글꼴, 크기, 색상 등을 변경할 수 있습니다.

참고:

사용 가능한 옵션은 디자인하기로 선택한 요소에 따라 다릅니다(예: 탭 컨테이너, 탭 또는 컨테이너).

라이브 사이트에서 자동으로 열리는 기본 탭입니다. 고객의 콘텐츠 및 사이트 요구 사항에 따라 가장 먼저 표시되어야 하는 항목으로 변경할 수 있습니다.

도움말:

탭 관리 패널에서 현재 기본 탭 옆 체크 표시 아이콘을 확인할 수 있습니다.

탭 요소의 레이아웃, 간격, 여백을 사용자 지정합니다. 탭 수가 많은 경우 메뉴에 탭을 표시하는 방법을 결정할 수도 있습니다(스크롤 또는 줄 바꿈).

페이지 메뉴

관련 게시물