본문으로 바로가기

검색

도움말 기사를 검색하려면 단어나 질문을 입력하세요.

템플릿의 로고, 색상, 글꼴, 메뉴는 어떻게 변경하나요?

주요 내용

위치: 설정 → 사이트 및 브랜드 → 브랜딩

이 페이지 열기: admin.<your-site>/settings/branding (<your-site> 부분을 고객님의 사이트 주소로 변경하세요)

단계: 나만의 사이트 만들기 가이드

  1. 설정을 열고 브랜딩을 선택하세요. 맞춤 설정 가이드 열기을 선택해도 됩니다.
  2. 이름 및 슬로건. 사이트 언어로 된 사이트 이름과 짧은 슬로건을 입력하세요. 헤더, 브라우저 탭, 검색 결과에 표시됩니다.
  3. 로고 및 아이콘. 라이트 모드용 로고를 업로드하고, 원하신다면 다크 모드용 로고를 따로 등록하세요. 배경이 투명한 PNG 또는 SVG 파일이 가장 좋습니다. 512 × 512 px 이상의 정사각형 사이트 및 앱 아이콘도 추가해 주세요.
  4. 색상. 준비된 팔레트를 고르거나 브랜드 색상 하나를 선택하세요. Keynate가 라이트 모드와 다크 모드에 맞는 나머지 모든 색상을 자동으로 생성하고 텍스트 가독성을 확인해 줍니다.
  5. 글꼴. 사이트에서 사용하는 문자 체계별로 글꼴을 선택하세요.
  6. 링크 및 연락처. 방문자가 나를 팔로우하고 문의할 수 있는 링크를 추가하세요.
  7. 빌드 및 미리보기. Keynate가 새로운 디자인으로 사이트를 빌드합니다. 비공개 미리보기에서 확인해 보세요.
  8. 마음에 들면 배포하세요. 브랜딩 설정은 다음 사이트 버전과 함께 실제 사이트에 적용됩니다.

언제든 지금은 건너뛰기 또는 나중에 완료을(를) 선택했다가 다시 돌아올 수 있습니다. 모든 변경 사항은 미리보기에 즉시 나타나며, 저장할 때마다 새 버전으로 기록됩니다.

고급 설정

  • 모두 맞춤 설정. 기본에서 모두 맞춤 설정(으)로 전환하여 페이지 배경, 기본 본문, 링크, 푸터 배경 등 각 색상을 직접 지정해 보세요.
  • 가독성 확인. 색상 조합의 가독성이 떨어지면 "{count} colour pair(s) hard to read. Pick a darker or lighter colour."라는 메시지가 표시됩니다. 추천 팔레트 중에서 선택해 보세요.
  • 초기화. 템플릿 기본값으로 초기화을(를) 누르면 템플릿 기본 색상으로 복원됩니다. 이는 새 버전으로 저장됩니다.
  • 메뉴. 사이트 메뉴는 메뉴에서 변경할 수 있습니다. 관리자 메뉴는 메뉴 맞춤 설정에서 변경하세요.
  • 설정 이상의 작업이 필요한가요? 새로운 블록 디자인, 커스텀 CSS, 색다른 글 상세 페이지가 필요하다면 AI 작업 공간을 활용해 보세요. AI가 코드를 수정하고 미리보기를 생성해주며, 마음에 들면 배포하거나 취소할 수 있습니다. AI 작업 공간을 확인해 보세요.

버전

디자인을 변경하면 사이트의 새 버전으로 빌드됩니다. 설정 → 사이트 및 브랜드 → 디자인 히스토리을(를) 여세요.

  • 새 버전 빌드를 누르면 빌드가 시작됩니다.
  • 미리보기은(는) 로그인한 팀원에게만 보입니다.
  • 이 버전 발행을(를) 누르면 실제 사이트에 공개됩니다.
  • 이 버전으로 되돌리기은(는) 즉시 실행됩니다.
  • 기사, 라이브 블로그, 티커, 미디어는 즉시 반영되므로 새 버전을 빌드할 필요가 없습니다.

자주 발생하는 문제

  • 빌드에 실패했습니다. "The build failed. Your live site was not changed."라는 메시지가 보이면 빌드 로그 보기를 여세요.
  • 빌드 대기 중입니다. "Waiting for your server’s site builder" 메시지가 표시된다면 서버의 사이트 빌더가 연결될 때 빌드가 시작됩니다. 그동안 실제 사이트는 변경되지 않고 안전하게 유지됩니다.
  • "다른 사용자가 브랜딩을 변경했습니다." 다른 사용자가 먼저 저장했습니다. 최신 버전을 불러왔으니 변경 사항을 확인하고 다시 저장해 주세요.

자주 묻는 질문

자주 묻는 질문

새 템플릿을 선택하면 브랜딩 설정이 초기화되나요?

아니요. 템플릿을 변경해도 기존 브랜딩은 그대로 유지됩니다. 템플릿 선택 및 비교를 확인해 보세요.

관련 도움말

의견 보내기

도움이 됐나요?

다른 언어로도 제공:

도움이 더 필요하신가요?