사이트에 맞게 특별히 생성된 독특한 배경 아트를 추가하세요.

사이트 배경을 스타일링할 때 여러 가지 옵션 중에서 선택할 수 있습니다. 이 가이드는 Squarespace 플랫폼에서 생성된 색상, 패턴 및 모양을 사용하여 고유한 배경 아트를 만드는 방법을 검토합니다.

생동감 있는 느낌을 위해 애니메이션 패턴을 선택하거나, 더 미묘한 그라데이션을 선택하세요. 사전 설정된 패턴을 사용하거나 특정 모양, 크기 및 모션을 설정하여 사용자 지정하세요.

나만의 아트를 배경으로 사용하고 싶다면 배경 이미지 또는 비디오를 업로드하세요. 사이트 배경 스타일 지정에서 모든 배경 스타일 지정 옵션에 대해 알아보세요.

섹션 배경 아트는 버전 7.1에서만 지원됩니다. 사이트가 버전 7.0을 사용 중인 경우 템플릿에 따라 배너 이미지와 배경 비디오를 추가하여 비슷한 효과를 낼 수 있습니다.

비디오 시청하기

시작하기 전에

• 자동 레이아웃, 포트폴리오, 블록 페이지 섹션에 배경 아트를 추가할 수 있습니다. 갤러리 섹션이나 컬렉션 섹션에는 배경 아트를 추가할 수 없습니다.
• 배경 아트는 WebGL을 지원하는 브라우저와 기기에서만 표시됩니다. WebGL은 기기의 그래픽 프로세서와 함께 작동하는 도구입니다. 브라우저가 이 기능을 지원하는지 테스트하려면 get.webgl.org를 방문하세요. 브라우저가 WebGL을 지원하지 않으면 섹션 배경은 정적으로 유지됩니다.
• 섹션에 텍스트나 기타 콘텐츠가 포함되어 있는 경우 배경 아트 앞에서도 여전히 표시되고 읽을 수 있는지 확인하세요. 텍스트 색상을 변경하려면 해당 섹션의 색상 테마에서 글꼴 조정을 사용하세요.
• 섹션 아트가 애니메이션인 경우, 섹션의 오른쪽 아래 모서리에 일시 정지 버튼이 포함됩니다. 이렇게 하면 움직이는 배경을 보고 혼란스러워하는 방문자도 사이트에 접근할 수 있습니다. 이 버튼은 비활성화할 수 없습니다.

배경 아트 추가

배경 아트를 추가하는 방법은 다음과 같습니다.

1. 페이지 패널을 열고 편집하려는 섹션이 있는 페이지를 클릭합니다.
2. 왼쪽 상단 모서리에서 편집을 클릭합니다.
3. 섹션의 연필 아이콘을 클릭한 다음 배경을 클릭합니다.
4. 아트를 클릭한 다음 타일을 클릭하여 섹션에서 아트를 미리 봅니다. 색상은 색상 팔레트 의 밝기 옵션에서 가져옵니다.
5. 디자인의 변형을 위해 타일 위에 표시되는 작은 원 중 하나를 클릭합니다.
6. 아트를 사용자 지정하려면 설정 아이콘을 클릭하여 세부 정보 패널을 엽니다. 자세히 알아보려면 아래 섹션을 참조하세요.
7. 여백 없음 또는 인셋을 선택하여 배경 너비를 설정합니다.
8. 마음에 드는 디자인을 찾았으면 저장을 클릭하여 변경 사항을 저장하고 계속 편집하거나, 나가기를 클릭한 다음 저장을 클릭하여 에디터를 닫습니다.

배경 아트 세부 정보 사용자 지정

세부 정보 패널에서 배경 아트를 사용자 지정할 수 있습니다. 세부 정보 패널을 열려면 아트 섬네일을 클릭한 다음 설정 아이콘을 클릭하세요.

옵션과 설정을 스크롤하여 원하는 패턴을 찾으세요. 카테고리를 클릭하여 드롭다운 메뉴를 확장하고 더 많은 옵션을 확인하세요. 시작하는 배경 아트의 유형에 따라 다른 카테고리가 표시됩니다.

예를 들어:

• 대부분의 배경 세부 정보 패널에서 색상 반전을 클릭하여 할당된 색상을 전환할 수 있습니다.
• 어떤 배경 세부 정보 패널에서든 무작위를 클릭하여 무작위 구성을 실험해 볼 수 있습니다.

다른 설정은 각 배경 아트 스타일에 고유하며, 아트의 핵심 구성 요소를 변경하는 슬라이더와 토글이 포함되어 있습니다. 각 세부 정보 패널에서 다양한 옵션을 실험하여 마음에 드는 조합을 만들 때까지 시도해 보는 것을 권장합니다.

다음은 섹션 배경 아트의 예시입니다.