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

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

머리글 디자인 변경하기

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

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

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

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

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

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

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

머리글 크기 조정하기

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

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

  1. 에디터에서 머리글을 클릭합니다.
  2. 머리글 아래쪽에 있는 높이 조정 핸들을 드래그해 머리글을 높이거나 낮춥니다. 
높이 조정 핸들을 사용해 점점 더 커지는 머리글을 보여주는 GIF.
페이지에 중요한 요소가 첨부되어 있나요?
사이트 메뉴와 같은 요소가 모든 페이지에 표시되도록 설정되어 있어야 합니다. 요소를 모든 페이지에 표시하도록 설정하는 방법을 알아보세요

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

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

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

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

도움이 되었나요?

|