사이트 검색창 사용자 지정하기
3 분 분량
방문자가 Wix 사이트 검색의 검색 창을 사용해 사이트에서 원하는 정보를 검색할 수 있도록 하세요. 검색 결과가 목록으로 표시되어 방문자가 원하는 내용을 쉽게 찾을 수 있습니다. 사이트의 디자인과 일치하도록 검색 창의 레이아웃 및 디자인을 변경할 수 있습니다.
다음 도움말을 참고하세요.
검색창 설정 사용자 지정하기
검색창의 플레이스홀더 텍스트 및 연관 키워드를 사용자 지정하세요.
검색창 설정을 사용자 지정하려면:
- 에디터에서 검색창을 클릭합니다.
- 설정을 클릭합니다.
- 설정 옵션을 사용자 지정합니다.
- 플레이스홀더 텍스트: 검색창이 비어있는 경우 표시될 짧은 텍스트를 추가합니다.
참고: 플레이스홀더 텍스트는 사이트 방문자가 검색창에 텍스트 입력을 시작하면 사라집니다. - 연관 키워드: 사용자가 텍스트 입력 시작 시 표시되는 연관 키워드를 활성 또는 비활성화합니다.
- 인기 아이템: 사용자가 텍스트 입력을 시작하기 전 인기있는 아이템을 표시할지 여부를 설정합니다.
참고: 인기 아이템 활성화는 연관 키워드를 활성화한 경우에만 사용할 수 있습니다.
- 플레이스홀더 텍스트: 검색창이 비어있는 경우 표시될 짧은 텍스트를 추가합니다.
검색창 레이아웃 변경하기
레이아웃 패널에서 레이아웃, 정렬, 간격 등을 설정합니다.
검색창의 레이아웃을 변경하려면:
- 에디터에서 검색창을 클릭합니다.
- 레이아웃
아이콘을 클릭합니다. - 레이아웃 옵션을 사용자 지정합니다.
- 레이아웃 선택: 검색창 스타일을 선택합니다.
- 아이콘 정렬: 검색 아이콘 위치를 선택합니다.
- 텍스트 정렬: 텍스트 위치를 선택합니다.
- 텍스트 여백: 검색창과 텍스트 사이의 간격을 설정합니다.
- 아이콘 여백: 아이콘 영역이 크기를 설정합니다.
참고:
선택한 레이아웃에 따라 일부 옵션이 다를 수 있습니다.
검색창 디자인 사용자 지정하기
다양한 상태에 대한 검색창 디자인을 사용자 지정합니다.
- 기본: 검색창이 사용되지 않는 경우
- 마우스오버: 방문자가 검색창 위로 마우스오버한 경우
- 입력란 선택: 방문자가 검색창을 클릭한 경우
검색창 디자인을 사용자 지정하려면:
- 에디터에서 검색창을 클릭합니다.
- 디자인
아이콘을 클릭합니다. - 사전 설정된 디자인을 선택합니다.
- 디자인 사용자 지정을 클릭해 추가로 디자인합니다.
- 기본, 마우스오버,입력란 선택 중 사용자 지정하고자 하는 상태의 탭을 클릭합니다.
- 다음 옵션을 사용해 상태를 사용자 지정합니다.
- 색상 및 투명도: 검색창 배경 및 아이콘 색상을 변경합니다.
- 입력란 배경: 색상 상자를 클릭해 입력란 배경 색상을 선택하고 슬라이더를 끌어 투명도를 설정합니다.
- 버튼 배경: 색상 상자를 클릭해 검색 아이콘 배경 색상을 선택하고 슬라이더를 끌어 투명도를 설정합니다.
- 버튼 아이콘: 색상 상자를 클릭해 검색 아이콘 색상을 선택하고 슬라이더를 끌어 투명도를 설정합니다.
- 테두리: 검색창에 테두리를 추가 및 사용자 지정합니다.
- 투명도 및 색상: 색상 상자를 클릭해 테두리 색상을 선택하고 슬라이더를 끌어 투명도를 설정합니다.
- 테두리 스타일: 데투리 스타일 및 표시되는 면을 선택합니다.
- 두께: 슬라이더를 끌어 테두리 두께를 조정합니다.
- 모서리: 검색창의 모서리를 곡선화합니다.
- 모서리 값을 입력하거나 잠금 아이콘을 클릭해 모든 값을 함께 변경합니다.
- 음영: 검색창에 음영을 추가합니다.
- 음영 사용 버튼을 클릭해 음영을 추가합니다.
- 옵션을 사용해 음영을 사용자 지정합니다.
- 각도: 음영 각도를 선택합니다.
- 거리: 슬라이더를 끌어 음영의 거리를 조정합니다.
- 크기: 슬라이더를 끌어 음영의 크기를 조정합니다.
- 선명도: 슬라이더를 끌어 음영의 선명도를 조정합니다.
- 색상 및 투명도: 색상 상자를 클릭해 음영 색상을 선택하고 슬라이더를 끌어 음영의 투명도를 설정합니다.
- 텍스트: 검색창 텍스트 서식을 지정합니다.
- 플레이스홀더 색상: 색상 상자를 클릭해 플레이스홀더 텍스트 색상을 선택하고 슬라이더를 끌어 투명도를 설정합니다.
- 색상: 색상 상자를 클릭해 입력 텍스트 색상을 선택합니다.
- 추천 디자인: 드롭다운 메뉴를 클릭해 텍스트 디자인을 선택합니다.
- 글꼴: 드롭다운 메뉴를 클릭해 텍스트 글꼴을 선택합니다.
- 글꼴 크기: 슬라이더를 끌어 텍스트 크기를 설정합니다.
- 굵게/기울임꼴: 옵션을 클릭해 텍스트 서식을 지정합니다.
- 색상 및 투명도: 검색창 배경 및 아이콘 색상을 변경합니다.
검색창 위치를 변경하려면:
검색창 위치를 변경하려면, 검색창을 클릭해 사이트 머리글 또는 바닥글로 끌어다 놓으세요.
도움이 되었나요?
|