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

Wix 에디터: 사이트 머리글 사용자 지정하기

3 분
페이지 메뉴
  • 머리글 디자인 변경하기
  • 이미지를 사이트 머리글로 설정하기
  • 머리글 크기 조정하기
  • 머리글에 스크롤 효과 추가하기
머리글은 사이트 상단에 표시되는 섹션으로, 일반적으로 메뉴와 로고가 포함됩니다. 머리글은 방문자가 사이트에 대한 첫인상을 결정하는 만큼, 브랜드 및 미관에 맞게 사용자 지정하는 것이 좋습니다.
머리글의 디자인 및 스크롤 효과를 선택하고 방문자에게 강한 인상을 줄 수 있도록 크기와 테두리를 설정하세요.  
머리글 내의 요소는 머리글이 표시되는 모든 페이지에 자동으로 표시됩니다. 

머리글 디자인 변경하기

머리글 디자인을 사이트에 맞게 변경할 수 있습니다. 다양한 사전 설정 중에서 디자인을 선택하고 색상, 간격 및 모서리와 같은 설정을 사용자 지정합니다.

머리글 디자인을 변경하려면:

  1. 머리글을 클릭합니다.
  2. 오른쪽에서 추가 작업 아이콘을 클릭합니다. 
  3. 머리글 디자인 변경을 클릭합니다.
  4. 기본 또는 스크롤 상태를 클릭합니다.
  5. 옵션을 사용해 머리글 디자인을 사용자 지정합니다.
    • 색상 및 투명도: 머리글 색상을 선택하고 투명도를 조정합니다.
    • 테두리: 머리글이 페이지에서 눈에 띌 수 있도록 테두리를 추가합니다.
    • 모서리: 테두리 모서리를 둥글게 또는 각지게 조정합니다.
    • 음영: 음영을 추가하고 디자인해 머리글에 멋진 3D 효과를 더합니다.
'스크롤' 상태를 사용하면 방문자가 페이지를 아래로 스크롤 시 머리글이 다르게 보이도록 디자인할 수 있습니다. 예를 들어, 머리글의 색상을 변경하거나 테두리를 추가해 눈에 띄게 만들 수 있습니다.  
Wix 에디터의 머리글 디자인 변경 패널 스크린샷.

이미지를 사이트 머리글로 설정하기

사이트를 더욱 개성있게 꾸미기 위해 이미지를 사이트 머리글로 설정할 수 있습니다. 이미지를 머리글로 끌어 추가한 후 끌기 핸들을 사용해 머리글을 따라 이미지를 늘립니다. 그런 다음 이미지를 뒤로 이동해 머리글의 요소를 가리지 않도록 할 수 있습니다.
이미지는 머리글보다 작아야 내부에 맞고 제대로 첨부됩니다. 배너 이미지와 같이 머리글의 크기와 호환되는 해상도 및 크기의 이미지를 사용하는 것을 권장합니다. 

이미지를 사이트 머리글로 사용하려면:

  1. 에디터로 이동합니다.
  2. 새 이미지를 추가하거나 페이지에서 기존 이미지를 선택합니다.
  3. 이미지를 머리글로 드래그해 머리글에 추가 메시지가 표시되면 놓습니다. 
  4. (선택사항) 크기 조정 핸들을 끌어 머리글 너비만큼 이미지를 늘립니다.
  5. 이미지를 뒤로 이동합니다.
    1. 이미지를 마우스 오른쪽 버튼으로 클릭합니다.
    2. 정렬에 마우스오버한 후 뒤로 이동을 클릭합니다.
Wix 에디터의 머리글 빠른 편집 패널 스크린샷.
도움말:
현재 이미지 옆 변경을 클릭하면 빠른 편집 패널을 사용해 언제든지 머리글 이미지를 변경할 수 있습니다. 

머리글 크기 조정하기

머리글의 크기를 조정해 원하는 만큼 크거나 작게 만들 수 있습니다.
머리글이 크면 사이트 제목, 사이트 메뉴, 로고 등의 요소가 많을 때 유용합니다. 작은 머리글은 미니멀한 사이트에 적합하거나 페이지에 대부분의 요소가 있는 경우에 적합합니다. 

머리글 크기를 조정하려면:

  1. 머리글을 클릭합니다.
  2. 머리글 아래쪽에 있는 높이 조정 핸들을 드래그해 머리글을 높이거나 낮춥니다. 
높이 조정 핸들을 사용해 점점 더 커지는 머리글을 보여주는 GIF.

머리글에 스크롤 효과 추가하기

머리글에 멋진 스크롤 효과를 추가해 방문자가 위아래로 스크롤 시 머리글이 작동하는 방식을 선택하세요. 예를 들어, 방문자가 스크롤 시 머리글을 상단에 유지하거나 점진적으로 페이드 아웃되도록 할 수 있습니다.

머리글 스크롤 효과를 선택하려면:

  1. 머리글을 클릭합니다.
  2. 오른쪽에서 추가 작업 아이콘을 클릭합니다.
  3. 머리글 스크롤 설정을 클릭합니다.
  4. 스크롤 효과를 선택합니다.
    • 사이트 스크롤: 스크롤 효과가 적용되지 않습니다. 방문자가 페이지를 아래로 스크롤하면 머리글(예: 페이지 상단)도 함께 아래로 스크롤됩니다. 
    • 고정: 방문자가 위아래로 스크롤 시 머리글이 페이지 상단에 유지되어 사이트 메뉴에 쉽게 액세스할 수 있습니다.
      도움말: 이 효과를 선택하는 경우 스크롤 시 콘텐츠를 가리지 않도록 머리글을 약간 짧게 유지하는 것이 좋습니다.
    • 사라지기: 방문자가 사이트 스크롤 시 머리글이 점진적으로 사라지며, 머리글이 다시 표시되려면 방문자가 위로 스크롤하기 시작해야 합니다.
    • 페이드아웃: 방문자가 사이트 스크롤 시 머리글이 천천히 페이드 아웃되며, 상닽으로 다시 스크롤하기 시작하면 다시 표시됩니다.
도움말:
모바일 사이트와 데스크톱 사이트에 서로 다른 머리글 스크롤 효과를 적용할 수 있습니다. 모바일 사이트에서 머리글 스크롤 설정을 변경하는 방법을 확인하세요.
Wix 에디터의 머리글 스크롤 설정 스크린샷