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

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

머리글 디자인 변경하기

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

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

  1. 머리글을 클릭합니다.
  2. 머리글 디자인 변경을 클릭합니다.
  3. 사전 설정된 디자인을 선택하거나 디자인 사용자 지정을 클릭합니다.
  4. 옵션을 사용해 머리글 디자인을 사용자 지정합니다.
    • 색상 및 투명도: 머리글 색상을 선택하고 투명도를 조정합니다.
    • 테두리: 머리글이 페이지에서 눈에 띌 수 있도록 테두리를 추가합니다.
    • 모서리: 테두리 모서리를 둥글게 또는 각지게 조정합니다.
    • 음영: 음영을 추가하고 디자인해 머리글에 멋진 3D 효과를 더합니다.
    • 간격: 머리글과 오프셋 사이의 간격을 더 크거나 작게 만듭니다.
머리글 디자인 패널이 열려 있습니다. 커서를 크기 슬라이더에 마우스오버하고 있습니다.
참고:
사용자 지정 옵션은 선택한 사전 설정에 따라 다를 수 있습니다.

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

사이트를 더욱 개성있게 꾸미기 위해 이미지를 사이트 머리글로 설정할 수 있습니다.
이미지는 머리글보다 작아야 내부에 맞고 제대로 첨부됩니다. 배너 이미지와 같이 머리글의 크기와 호환되는 해상도 및 크기의 이미지를 사용하는 것을 권장합니다. 

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

  1. 에디터 왼쪽에서 요소 추가를 클릭합니다.
  2. 이미지를 클릭합니다.
  3. 추가하려는 이미지 유형을 선택합니다.
  4. 이미지를 선택한 후 페이지에 추가를 클릭합니다.
  5. 이미지를 머리글로 드래그해 머리글에 추가 메시지가 표시되면 놓습니다. 
사이트 머리글에 드래그-앤-드롭되는 이미지를 보여주는 GIF.

머리글 크기 조정하기

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

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

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

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

머리글에 멋진 스크롤 효과를 추가해 방문자가 페이지를 아래로 스크롤할 때 작동하는 방식을 선택하세요.

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

  1. 머리글을 클릭합니다.
  2. 설정 아이콘을 클릭합니다.
  3. 스크롤 설정을 선택합니다.
    • 스크롤 사용: 머리글은 항상 사이트 상단에 있으며, 페이지와 함께 위, 아래로 이동합니다.
    • 고정: 머리글이 페이지 상단에 유지됩니다. 이렇게 하면 사이트 방문자가 맨 위로 스크롤하지 않고도 사이트 메뉴에 쉽게 액세스할 수 있습니다. 방문자가 사이트를 스크롤할 때 요소나 콘텐츠가 가려지지 않도록 머리글 높이를 작게 유지하는 것이 좋습니다.
    • 사라지기: 방문자가 사이트 스크롤 시 머리글을 사라지며, 머리글이 다시 표시되려면 방문자가 위로 스크롤하기 시작해야 합니다.
    • 페이드아웃: 방문자가 사이트 스크롤 시 머리글이 천천히 페이드 아웃되며, 상닽으로 다시 스크롤하기 시작하면 다시 표시됩니다.
머리글 설정 패널입니다. 커서를 페이드아웃 스크롤 효과에 마우스오버하고 있습니다.
도움말:
모바일 사이트와 데스크톱 사이트에 서로 다른 머리글 스크롤 효과를 적용할 수 있습니다. 모바일 사이트에서 머리글 스크롤 설정을 변경하는 방법을 확인하세요.

도움이 되었나요?

|