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

CSS 에디터를 사용하면 기본 제공 스타일링 옵션 외에도 CSS 코드로 사이트를 사용자 지정할 수 있습니다. CSS는 글꼴, 색상 및 배경을 변경할 때만 사용해야 합니다. 다른 CSS 변경은 사이트에 문제를 일으킬 수 있습니다. 사용자 지정 코드 FAQ에서 CSS로 변경해야 할 사항과 변경하지 말아야 할 사항에 대한 권장 사항을 검토하세요.

참고:

사용자 지정 코드는 특히 모바일 기기에서 사이트의 모양이나 동작에 문제를 일으킬 수 있습니다. 지원팀에서는 사용자 지정 코드를 사이트에 추가하거나 코드 사용으로 발생한 문제를 해결해드릴 수 없습니다. 자세한 도움이 필요하다면 다음 자료를 참고하세요.

1. Squarespace Forum
2. Squarespace Expert

 

비디오를 시청하십시오

템플릿을 전환하면 사용자 지정 CSS도 함께 이전되나요?

버전 7.0 사이트를 보유하고 계신 경우, 템플릿을 전환해도 사용자 지정 CSS는 이전되지 않습니다. 하지만 이전에 사용하던 템플릿으로 다시 전환하면 해당 템플릿에 추가했던 CSS가 그대로 남아 있습니다.

CSS 에디터에서 구문 오류가 발생합니다

Squarespace의 CSS 에디터 구문 검사 시스템은 다양한 브라우저에서 작동하는지 테스트하는 파서입니다. 코드가 CSS 유효성 검사기에서 오류를 반환하지 않더라도 파서는 줄이 의도한 대로 작동하지 않을 수 있다고 판단하면 플래그를 지정합니다. 구문 오류가 표시되면 CSS가 올바르게 작성되고 형식이 지정되었는지, 누락된 부분이 없는지 확인하여 수정하세요.

CSS 코드 추가

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

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

파일 업로드(선택 사항)

CSS 에디터에서 사용자 지정 이미지에 필요한 애셋을 업로드할 수 있습니다. 글꼴을 업로드하려면 글꼴 업로드 도구를 사용하는 것을 고려해 보세요.

파일을 업로드하는 방법:

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

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

허용되는 파일 유형

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

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

사용자 지정 파일 사용

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

1. 참조할 파일 URL이 필요한 지점까지 코드를 작성합니다.
2. 코드에서 URL을 배치하려는 위치에 커서를 둡니다.
3. 파일을 클릭합니다.
4. CSS 에디터가 해당 파일의 직접 URL을 자동으로 붙여넣어 코드에서 참조할 수 있도록 합니다.

사용자 지정 파일 및 SSL

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

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