7.1 버전에서는 페이지 섹션에 배경 이미지를 추가하여 배너 이미지를 만듭니다. 이 이미지들은 특히 모바일에서 항상 어느 정도는 잘립니다. 배너를 사용자 정의하려면 다음을 수행할 수 있습니다.

• 배너에 오버레이되는 콘텐츠의 양을 변경하세요. 콘텐츠가 많으면 배너의 높이가 늘어나고 이미지가 더 많이 잘립니다.
• 배너 크기를 변경하세요.
• 초점을 사용하여 이미지의 중심을 변경하세요.

모바일에서 배너가 어떻게 표시되는지 알아보려면 내 사이트는 모바일 기기에서 어떻게 표시되나요?를 방문하세요.

페이지 배너

몇 가지 예외를 제외하고 페이지 배너는 특히 모바일에서 항상 어느 정도는 잘립니다. 잘리는 양은 배너의 높이와 브라우저의 너비에 따라 달라집니다.

팁:

• 사이트의 배너 스타일을 지정하는 방법과 높이를 설정하는 방법을 알아보세요.
• 초점을 사용하여 이미지가 중앙에 맞춰지는 방식을 조정하세요.

사이트 전체 배너

사이트 전체 배너 이미지(사이트 스타일 내에 추가됨)에 추가된 이미지는 반복되거나, 배너의 높이 또는 너비에 맞춰 표시되거나, 컨테이너를 완전히 채울 수 있습니다.

팁:

• 사이트 스타일을 사용하여 배너 이미지가 표시되는 방식을 설정하세요.
• 모바일과 컴퓨터 모두에서 잘 보이는 조정을 선택하세요.

섹션 배경 이미지나 비디오가 잘려 보인다면, 이미지나 비디오가 더 많이 보이도록 섹션의 높이 또는 너비를 변경하세요.

배경 이미지는 반복될 수 있으며, 브라우저 높이나 너비에 맞게 표시되거나, 브라우저 화면을 완전히 채울 수 있습니다.

팁:

• 사이트 스타일을 사용하여 배너 이미지가 표시되는 방식을 선택하세요.
• 모바일 디스플레이와 관련된 도움이 필요하시면 문제 해결 팁을 참조하세요.
• 가장 긴 변이 2,500픽셀을 초과하는 이미지는 모바일 기기에서 문제를 일으킬 수 있습니다.

갤러리 섹션에서 이미지를 직접 업로드하고 관리한 후, 갤러리 탭을 사용하여 이미지 표시 방법을 제어하세요.

자세한 내용을 보려면 갤러리 섹션을 방문하세요.

이미지가 갤러리 페이지에 표시되는 방식은 템플릿에 따라 다릅니다. 템플릿 가이드를 방문하여 이미지가 어떻게 갤러리 페이지 디자인에 맞게 잘릴 수 있는지 알아보세요.

포트폴리오 섹션 위로 커서를 올려 이미지를 추가한 후, 갤러리 탭을 사용하여 표시 방식을 제어하세요.

자세히 알아보려면 포트폴리오 페이지를 방문하세요.

색인 페이지에 이미지가 표시되는 방식은 템플릿에 따라 다릅니다. 자세한 내용을 알아보려면 템플릿 가이드를 방문하세요.

스토어에 이미지를 업로드한 후, 스토어 섹션 조정 기능을 사용하여 스타일을 지정하세요. 페이지를 편집하는 동안 스토어 섹션 위에 커서를 올리고 연필 아이콘을 클릭하세요. 간격, 열, 종횡비 및 텍스트 정렬을 변경할 수 있습니다. 다양한 스타일 조정을 실험하여 제품 이미지의 표시 방식을 설정하세요. 스토어 페이지 사용자 지정에 대해 자세히 알아보려면 컬렉션 페이지 섹션을 방문하세요.

제품 이미지 종횡비

스토어 페이지에서 제품 이미지를 자동으로 자를 수는 없습니다. 종횡비가 유사한 제품 이미지를 사용하는 것을 권장합니다. 예를 들어, 사이트에 이미지를 업로드하기 전에, 제품 이미지가 모두 가로 또는 세로 방향으로 일관되게 유지되는지 확인하세요.

제품 이미지의 방향이 다른 경우 기본 제공 이미지 에디터 또는 서드파티(타사) 도구를 사용하여 이미지를 자르세요. 제품 블록을 사용하여 제품에 대한 사용자 지정 레이아웃을 만들 수도 있습니다.

랜딩 페이지에서 제품 이미지가 잘리는 방식은 템플릿의 스토어 페이지 유형에 따라 달라집니다.

클래식

클래식 스토어 페이지의 경우:

• 사이트 스타일에서 제품 이미지 자동 자르기 조정 기능을 사용하여 이미지를 동일한 모양으로 자를지, 원래 모양으로 표시할지 선택하세요.
• 자르기를 하는 경우, 제품 아이템 크기 조정 기능을 사용하여 모양을 설정하세요.
• 초점을 사용하여 이미지의 중심을 조정하세요.
• 자르지 않은 경우, 제품 오버레이 색상 조정 기능을 사용하여 이미지 뒤에 표시될 색상을 선택하세요.
• 도움이 더 필요한 경우 스토어 페이지 스타일 지정하기를 방문하세요.

어드밴스드

어드밴스드 스토어 페이지의 경우:

• 이미지는 항상 동일한 모양으로 잘립니다. 그래야 페이지에 일관된 디자인과 느낌을 제공할 수 있습니다.
• 스토어 페이지에 있는 모든 이미지의 모양을 설정하려면 사이트 스타일의 제품: 레이아웃 섹션에서 이미지 종횡비 조정 기능을 사용하세요.
• 초점을 사용하여 이미지의 중심을 조정하세요.
• 도움이 더 필요한 경우 스토어 페이지 스타일 지정하기를 방문하세요.

유니크

유니크한 스토어 페이지의 섬네일 스타일에 대해 알아보려면 다음의 링크를 방문하세요.

• Galapagos
• 공급