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

사이트 회원: 로그인 바 추가 및 사용자 지정하기

6 분
페이지 메뉴
  • 로그인 바 추가하기
  • 로그인 바 설정하기
  • 로그인 바 메뉴 관리하기
  • 로그인 바 디자인하기
회원이 회원 공간에 로그인하는 데 사용하는 로그인 바와 회원 공간에 표시되는 메뉴를 사용자 지정하세요. 메뉴에 표시할 탭과 링크를 결정하고, 레이아웃을 조정, 사이트의 전반적인 스타일과 일치하도록 요소를 디자인할 수 있습니다.
라이브 Wix Studio 사이트의 로그인 바 스크린샷

로그인 바 추가하기

사이트에 회원 공간을 추가하면, 로그인 바가 자동으로 머리글 섹션에 추가됩니다. 이는 로그인 바를 모든 페이지에 표시해 회원이 자신의 계정에 빠르고 편리하게 액세스할 수 있도록 합니다. 로그인 바를 다시 추가해야 하거나 추가로 로그인 바를 추가하고자 한다면, 쉽게 추가할 수 있습니다.
Wix 에디터
Studio 에디터
  1. 에디터로 이동합니다.
  2. 에디터 왼쪽에서 요소 추가를 클릭합니다.
  3. 커뮤니티를 클릭합니다.
  4. 로그인 바를 클릭합니다.
  5. 로그인 바를 클릭하거나 끌어다 놓아 페이지에 추가합니다.
Wix 에디터 요소 추가 패널의 로그인 바

로그인 바 설정하기

로그인 바에 표시할 정보를 선택하고 텍스트를 사용자 지정한 후, "안녕하세요 보미님" 등과 같은 친근한 인사말을 추가하세요. 이러한 개인적인 느낌은 회원에게 환영받는 경험을 조성하는 데 도움이 될 수 있습니다.
Wix 에디터
Studio 에디터
  1. 에디터로 이동합니다.
  2. 페이지에서 로그인 바 요소를 클릭합니다. 
  3. 로그인 바 설정을 클릭합니다.
Wix 에디터의 로그인 바 설정 패널
  1. 로그인 또는 로그아웃 중 해당 로그인 바 상태를 선택합니다.
    • 로그인 바의 로그인 버전을 사용자 지정합니다. 
      • 디자인: 아바타, 전체, 또는 텍스트 스타일을 선택합니다. 아바타를 사용하는 경우 이미지, 이니셜 또는 사용자 지정 스타일을 선택하고 크기를 조정합니다. 텍스트 및 전체 스타일의 경우, 사용자 지정 버튼 텍스트를 추가하세요. 화살표 스타일 및 크기를 선택합니다. 선택적으로 회원 이름 앞에 인사말을 표시하고 종 모양 알림 아이콘을 표시할 수 있습니다.
      • 레이아웃: 로그인 바 정렬 및 요소 방향을 선택합니다.
      • 드롭다운 메뉴: 아이템 정렬을 선택하고 로그아웃 버튼 텍스트를 변경합니다. 
    • 로그인 바의 로그아웃 버전을 사용자 지정합니다. 
      • 아바타, 전체, 텍스트 스타일을 선택하세요. 아바타를 사용하는 경우 이미지, 이니셜 또는 사용자 지정 스타일을 선택하고 크기를 조정합니다. 텍스트 및 전체 스타일의 경우, 사용자 지정 버튼 텍스트를 추가하세요.
도움말:
패널 하단에 있는 디자인 초기화 버튼을 클릭해 변경 사항을 쉽게 되돌릴 수 있습니다.

로그인 바 메뉴 관리하기

로그인한 회원이 로그인 바를 클릭하면 드롭다운 메뉴가 열립니다. 이 메뉴에 표시할 회원 탭 및 페이지를 선택할 수 있습니다.
Wix 에디터
Studio 에디터
  1. 에디터로 이동합니다.
  2. 페이지에서 로그인 바 요소를 클릭합니다. 
  3. 메뉴 관리를 클릭합니다.
Wix 에디터 로그인 바 메뉴의 메뉴 관리 패널
  1. 다음에 수행할 작업을 선택합니다.
    • 메뉴 아이템 추가:
      1. 하단에서 + 메뉴 아이템 추가를 클릭합니다.
      2. 링크를 클릭합니다.
      3. 링크할 위치를 선택(예: 사이트 페이지, 외부 웹 주소)한 후 사용 가능한 옵션을 사용해 설정합니다.
      4. 완료를 클릭합니다.
    • 메뉴 아이템 이름 변경: 메뉴 아이템을 두 번 클릭해 새 이름을 입력합니다. 
    • 메뉴 아이템 제거: 해당 아이템에 마우스오버해 추가 작업 아이콘을 클릭한 후 메뉴에서 제거 또는 비공개를 선택합니다.
    • 메뉴 순서 변경: 해당 아이템에 마우스오버한 후 순서 변경 아이콘을 길게 누른 채 원하는 위치로 끌어다 놓습니다.

로그인 바 디자인하기

사이트 테마에 맞게 로그인 바 디자인을 사용자 지정하세요. 색상, 글꼴, 테두리 등을 변경해 일관된 디자인을 만들 수 있습니다.
Wix 에디터
Studio 에디터
  1. 에디터로 이동합니다.
  2. 페이지에서 로그인 바 요소를 클릭합니다. 
  3. 디자인 아이콘을 클릭합니다.
로그인 바 및 메뉴를 사용자 지정할 수 있는 로그인 바 디자인 패널의 스크린샷
  1. 기본 탭을 클릭하고 디자인을 다음과 같은 옵션으로 사용자 지정합니다.
    • 색상 및 투명도 : 로그인 바의 아이콘, 배경 및 알림의 색상과 투명도를 변경합니다.
    • 테두리 : 로그인 바 및 메뉴 테두리의 색상, 투명도 및 두께를 변경합니다.
    • 모서리 : 로그인 바 및 메뉴의 모서리 반경을 변경합니다. 반경이 클수록 모서리가 둥글어집니다.
    • 음영 : 로그인 바 및 메뉴에 음영을 추가하고 디자인합니다.
    • 텍스트: 로그인 바 및 메뉴의 텍스트 색상 및 글꼴을 변경합니다.
  2. 마우스오버선택 탭을 클릭해 회원이 마우스오버하거나 선택 시 텍스트 색상을 업데이트합니다.
라이브 Wix Studio 사이트의 로그인 바 스크린샷
Wix 에디터 요소 추가 패널의 로그인 바
Wix 에디터의 로그인 바 설정 패널
Wix 에디터 로그인 바 메뉴의 메뉴 관리 패널
로그인 바 및 메뉴를 사용자 지정할 수 있는 로그인 바 디자인 패널의 스크린샷