사이트 디자인 변경
Site Studio의 디자인 패널에서 룩, 색상, 글꼴, 라이트 또는 다크 모드 및 선택적 사용자 정의 CSS를 선택하세요.
사이트의 룩은 Site Studio에 있습니다. 디자인에서 룩, 색상, 타이포그래피, 테마 및 고급 사용자 정의 CSS를 관리하고, 아이덴티티에서 프로필, 파비콘, 검색 결과 및 공유 시 사이트 표시 방식을 관리합니다.
- 홈페이지를 열어 Site Studio로 이동한 다음 디자인을 선택하세요.
- 디자인 선택 아래에서 하나를 골라 룩 초안에 반영을 선택하세요. 표시 방식만 변경되며 콘텐츠, 공개 범위, 순서는 그대로 유지됩니다. 룩 비교에서는 각 룩에 내 콘텐츠를 적용해 보여줍니다.
- 브랜드 디자인 아래에서 강조 색상, 글꼴 팩, 모양 및 간격을 설정하세요.
- 브라우저 표시 아래에서 색상 모드를 설정하세요: 방문자 설정 따르기, 항상 밝게 또는 항상 어둡게.
- 더 세밀하게 조절하려면 고급: 사용자 정의 CSS를 여세요. 디자인 시스템 이후에 적용됩니다.
- 변경 사항 미리 보기를 선택하고 데스크톱, 태블릿, 모바일을 확인한 다음 변경 사항 게시를 선택하세요.
해결되지 않았다면
- 설정에서 테마나 사용자 정의 CSS를 찾을 수 없어요: 위치가 변경되었습니다. 테마와 사용자 정의 CSS는 Site Studio의 디자인 아래에 있으며, 파비콘과 검색 및 공유는 아이덴티티 아래에 있습니다.
- 적용해 본 룩이 라이브 사이트에 바로 반영되었어요: Site Studio의 초안 반영과 달리, 룩 비교 페이지에서 복원하거나 재설정하면 라이브 사이트가 변경됩니다. 해당 페이지의 복원 지점을 사용하여 되돌리세요.
섹션 레이아웃과 히어로는 홈페이지 섹션 및 헤더 및 내비게이션에서 설정합니다.