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

사이트 검색창 사용자 지정하기

4 분
페이지 메뉴
  • 검색창 설정 사용자 지정하기
  • 검색창 레이아웃 변경하기
  • 검색창 디자인 사용자 지정하기
Wix 사이트 검색를 사용하면 방문자는 사이트의 모든 것을 검색할 수 있습니다. 이 앱은 완전히 사용자 지정 가능한 검색창과 함께 제공되어, 필요에 맞게 모양 및 기능을 조정할 수 있습니다.
라이브 사이트의 Wix 사이트 검색창을 보여주는 스크린샷
도움말:
결과가 표시되는 검색 결과 페이지를 사용자 지정할 수도 있습니다.

검색창 설정 사용자 지정하기

플레이스홀더 텍스트(방문자가 입력을 시작하기 전에 표시되는 초기 텍스트)를 편집하고 반응성을 미세 조정해 방문자가 입력하는 동안 결과가 표시되는지 또는 입력을 완료 후에만 표시되는지 여부를 제어해 검색창을 사용자 지정하세요.

검색창 설정을 사용자 지정하려면:

Wix 에디터
Studio 에디터
  1. 에디터에서 검색창을 클릭합니다.
  2. 설정을 클릭합니다. 
  1. 검색창이 비어 있을 때 표시되는 플레이스홀더 텍스트를 편집합니다.
참고:
이 텍스트는 방문자가 검색창에 텍스트를 입력하기 시작하면 사라집니다.
  1. 연관 키워드 설정을 편집합니다.
    • 키워드 입력 시 연관 키워드 표시하기: 연관 키워드를 활성화 또는 비활성화합니다. 활성화한 경우, 방문자가 검색어를 입력하는 동안 추천 결과가 표시되기 시작합니다.
    • 키워드 입력 전 인기 아이템 표시하기: 사용자가 검색어 입력을 시작하기 전 인기 아이템을 표시할지 여부를 설정합니다.
      참고: 인기 아이템 활성화는 연관 키워드를 활성화한 경우에만 사용할 수 있습니다.

검색창 레이아웃 변경하기

검색창의 정렬, 여백 및 전체 구조를 조정해 사이트 디자인과 더 잘 통합되도록 하세요.

검색창 레이아웃을 변경하려면:

Wix 에디터
Studio 에디터
  1. 에디터에서 검색창을 클릭합니다.
  2. 레이아웃 아이콘을 클릭합니다.
  1. 버튼 유무에 관계없이 레이아웃 옵션을 선택합니다.
  2. 아이콘 및 텍스트의 정렬, 간격, 여백을 사용자 지정합니다.
참고:
사용 가능한 레이아웃 옵션(정렬, 간격, 여백)은 3단계에서 선택한 레이아웃에 따라 다릅니다. 

검색창 디자인 사용자 지정하기

다음 각 상태에 대해 검색창 디자인을 사용자 지정할 수 있습니다.
  • 기본: 검색창이 사용되지 않는 경우
  • 마우스오버: 방문자가 검색창 위로 마우스오버한 경우
  • 입력란 선택: 방문자가 검색창을 클릭한 경우

검색창 디자인을 사용자 지정하려면:

Wix 에디터
Studio 에디터
  1. 에디터에서 검색창을 클릭합니다.
  2. 디자인 아이콘을 클릭합니다.
  1. 사전 설정된 디자인을 선택합니다.
  2. 디자인 사용자 지정을 클릭해 추가로 디자인합니다.
    1. 기본, 마우스오버,입력란 선택 중 사용자 지정하고자 하는 상태의 탭을 클릭합니다.
    2. 사용 가능한 각 상태별로 색상, 테두리, 모서리, 음영 및 텍스트를 사용자 지정합니다.
검색창 위치를 변경하려면:
검색창 위치를 변경하려면, 검색창을 클릭해 사이트 머리글 또는 바닥글로 끌어다 놓으세요.
라이브 사이트의 Wix 사이트 검색창을 보여주는 스크린샷