header-logo
Wix를 사용해해 사이트와 비즈니스를 구축하는 방법을 알아보세요.
직관적인 Wix 기능을 사용해 사이트를 디자인하고 관리하세요.
구독, 플랜 및 인보이스를 관리하세요.
비즈니스를 운영하고 회원과 소통하세요.
도메인을 구매하고 사이트에 연결, 이전하는 방법을 알아보세요.
비즈니스 및 웹 존재감을 키울 수 있는 도구를 확인하세요.
SEO 및 마케팅 도구로 가시성을 높이세요.
보다 효율적으로 작업할 수 있는 고급 기능을 활용하세요.
해결책을 찾고, 알려진 문제에 대해 알아보거나 문의하세요.
placeholder-preview-image
강좌 및 튜토리얼을 통해 실력을 향상시키세요.
웹 디자인, 마케팅 등에 대한 팁을 확인하세요.
검색 엔진에서 유기적 사이트 트래픽을 증가시키는 방법을 알아보세요.
풀스택 플랫폼을 활용해 맞춤형 사이트를 구축하세요.
목표 달성에 도움을 줄 전문가를 만나보세요.
placeholder-preview-image

Wix 에디터: 탭 정보

2 분
페이지 메뉴
  • 탭으로 콘텐츠 구성하기
  • 페이지 레이아웃을 보완하기 위해 탭 정렬하기
  • 탭 디자인 사용자 지정하기
  • 모바일 사이트 탭 조정하기
  • 자주 묻는 질문
탭은 별도의 디스플레이로 나누어 주는 컨테이너입니다. 각 탭 아이템에 서로 다른 콘텐츠를 추가할 수 있으며 방문자는 해당 아이템을 클릭해 필요한 아이템을 찾을 수 있습니다.
탭 요소를 사용해 다양한 정보를 보여주고 방문자가 브랜드 소식과 콘텐츠에 더 쉽게 액세스할 수 있도록 하세요.

탭으로 콘텐츠 구성하기

탭은 인터랙티브 컨테이너이므로 각 아이템마다 다른 요소를 표시할 수 있습니다. 보여주고 싶은 콘텐츠 유형이나 정보를 선택하고 그에 따라 요소를 추가해 설정합니다. 
탭은 페이지 및 섹션 또는 비즈니스와 관련된 콘텐츠를 표시하는 유용한 방법입니다. 예를 들어 "문의하기" 섹션은 비즈니스 전화번호, 이메일, 주소 등의 다양한 탭을 포함할 수 있습니다. 사이트에 탭을 추가하고 설정하는 방법에 대한 자세한 도움말을 확인하세요.
4개의 탭에 마우스오버한 GIF

페이지 레이아웃을 보완하기 위해 탭 정렬하기

탭을 추가하고 설정한 후 레이아웃을 변경해 일관된 페이지 구조를 만듭니다. 메뉴와 컨테이너 사이의 간격을 조정하고 메뉴에 맞지 않는 아이템을 표시하는 방법 등을 선택할 수 있습니다. 탭 레이아웃을 변경하는 방법에 대한 자세한 도움말을 확인하세요.
탭 레이아웃 패널의 스크린샷

탭 디자인 사용자 지정하기

탭 요소의 모든 부분을 원하는 대로 사용자 지정하세요. 컨테이너의 배경을 변경하고 메뉴 아이템의 글꼴을 선택하고 음영을 추가해 탭에 멋진 3D 효과를 더해 보세요.
옵션을 사용해 사이트 테마와 조화를 이루는 탭을 디자인하거나 페이지에서 눈에 띄는 대담하고 눈길을 끄는 컨테이너를 만들 수 있습니다. 탭 디자인을 사용자 지정하는 방법에 대한 자세한 도움말을 확인하세요.
탭 디자인 패널이 있는 탭의 스크린샷

모바일 사이트 탭 조정하기

데스크톱 에디터에서 추가한 탭은 모바일 사이트에서도 자동으로 표시됩니다. 모바일 사이트에서 전체 탭 컨테이너를 숨길지 또는 작은 화면에 맞게 레이아웃, 간격 및 디자인을 사용자 지정할지 선택할 수 있습니다.
모바일에서 변경한 사항은 데스크톱 사이트에 영향을 미치지 않으므로 모바일 사용자를 위해 간편한 인터랙티브 환경을 조성하기 위해 원하는 대로 탭을 편집할 수 있습니다. 모바일 탭을 조정하는 방법에 대한 자세한 도움말을 확인하세요.
탭 디자인 패널이 있는 탭의 스크린샷

자주 묻는 질문

4개의 탭에 마우스오버한 GIF
탭 레이아웃 패널의 스크린샷
탭 디자인 패널이 있는 탭의 스크린샷
탭 디자인 패널이 있는 탭의 스크린샷