Squarespace의 기본 제공 옵션 외에 사용자 지정 CSS를 적용하여 글꼴, 색상 및 배경 스타일을 지정하세요.

코딩 지식이 있고 기본 제공 스타일 지정 옵션 외에 사이트를 사용자 지정하고 싶다면 CSS 에디터를 사용하여 CSS 코드를 추가할 수 있습니다.

CSS는 글꼴, 색상 및 배경을 변경할 때만 사용해야 합니다. 다른 CSS 변경은 사이트를 잠재적으로 손상시킬 수 있습니다.

비디오를 시청하십시오

제한 사항

• 사용자 지정 코드 FAQ에서 CSS로 변경해야 할 사항과 변경하지 말아야 할 사항에 대한 권장 사항을 검토하세요.
• 버전 7.0에서는 템플릿을 전환할 때 사용자 지정 CSS가 이전되지 않습니다. 이전 템플릿으로 다시 전환하면 해당 템플릿에 추가한 CSS가 그대로 남아 있습니다.
• Squarespace의 CSS 에디터 구문 검사 시스템은 다양한 브라우저에서 작동하는지 테스트하는 파서입니다. 코드가 CSS 유효성 검사기에서 오류를 반환하지 않더라도 파서는 줄이 의도한 대로 작동하지 않을 수 있다고 판단하면 플래그를 지정합니다. 구문 오류가 표시되면 CSS가 올바르게 작성되고 형식이 지정되었는지, 누락된 부분이 없는지 확인하여 수정하세요.

참고: CSS를 포함한 사용자 지정 코드는 Squarespace의 지원 범위를 벗어납니다. 이는 설정이나 문제 해결에 대해 더 이상 도움을 드릴 수 없음을 의미합니다. 또한, 이 솔루션은 코드 기반이기 때문에 기능이나 Squarespace와의 완전한 호환성을 보장할 수 없습니다. 여기에는 반응형 디자인과 어떻게 작동하는지(특히 모바일 기기에서 어떻게 표시되는지), 모든 템플릿에서 작동하는지 여부가 포함됩니다. CSS 사용자 지정은 플랫폼의 향후 업데이트에서 표시 문제를 일으킬 수도 있습니다. 더 이상의 도움을 드릴 수는 없지만, 올바른 방향을 제시할 수 있는 리소스는 많습니다.

• 사용자 지정 코드를 추가하는 모범 사례를 알아보세요.
• 코드 기반 사용자 지정에 대한 일반 가이드를 읽어보세요.
• 고객 및 개발자 포럼인 Squarespace Forum을 방문하세요.
• Squarespace Expert를 고용하여 내 사이트에 사용자 지정 코드를 구축하는 데 도움을 받으세요.

CSS 코드 추가

CSS 코드를 추가하는 방법은 다음과 같습니다.

1. 사용자 지정 CSS 패널을 엽니다.
2. 확장 가능한 창에서 에디터를 열려면 새 창에서 열기를 클릭합니다. 사용자 지정 CSS 패널에서 벗어나면 창이 닫힙니다.
3. 코드를 추가합니다.
4. 완료하면 저장을 클릭하여 변경 사항을 게시합니다.

코드 조각을 참조하는 데 도움이 되도록 왼쪽에 줄 번호가 표시됩니다. 구문 오류는 하단에 빨간색으로 표시됩니다.

파일 업로드(선택 사항)

파일 업로드 영역을 사용하여 사용자 지정 이미지나 글꼴 파일의 애셋을 업로드하세요.

1. 사용자 지정 파일을 클릭합니다. (버전 7.0에서는 버튼 텍스트가 사용자 지정 파일 관리입니다). 
2. 이미지 또는 글꼴 추가를 클릭하거나 해당 영역으로 파일을 드래그하여 파일을 업로드합니다.

팁: 파일 업로드 영역이 열리지 않으면 브라우저에서 팝업을 활성화하세요.

허용되는 파일 유형

사용자 지정 파일 영역은 유효한 이미지 및 글꼴 파일을 허용합니다.

• .jpg
• .png
• .gif
• .ttf
• .otf
• .webp
• .woff

필드는 .svg 파일을 허용하지 않습니다.

사용자 지정 파일 사용

파일을 사용하는 방법은 다음과 같습니다.

1. 참조할 파일 URL이 필요한 지점까지 코드를 작성합니다.
2. 코드에서 URL을 배치하려는 위치에 커서를 둡니다.
3. 파일을 클릭합니다.

CSS 에디터가 해당 파일의 직접 URL을 자동으로 붙여넣어 코드에서 참조할 수 있도록 합니다.

사용자 지정 파일 및 SSL

파일의 URL은 SSL 활성화 여부에 따라 안전함 또는 안전하지 않음 형식으로 지정됩니다. 사이트의 SSL 기본 설정을 변경하는 경우 파일의 URL도 일치하도록 업데이트하는 것이 좋습니다. 예를 들어 SSL을 활성화한 경우:

1. CSS 에디터를 엽니다.
2. 사용자 지정 파일 관리를 클릭합니다.
3. 파일을 클릭합니다.
4. https로 시작하도록 URL을 변경합니다.
5. 저장을 클릭합니다.