로고와 사이트 아이콘 설정하기

> 적용 대상: 최신 케이테마 / 난이도: 처음 사용하는 분

사이트의 로고와 브라우저 탭 아이콘은 방문자가 가장 먼저 알아보는 요소입니다. 이 문서에서는 헤더와 푸터에 사용할 로고를 정하고, 작은 탭 아이콘까지 한 번에 설정합니다.

시작하기 전에

• 가로형 로고와 밝은 배경용 또는 어두운 배경용 로고 파일을 준비합니다. 가능하면 투명 배경 PNG 또는 SVG를 사용하세요.
• 사이트 아이콘은 정사각형 이미지를 준비합니다. 작은 화면에서도 알아보기 쉬운 단순한 모양이 좋습니다.
• 작업 전 현재 로고 파일을 다운로드하거나 파일 이름을 메모해 두면 되돌리기 쉽습니다.

1. 로고 표시 설정 열기

워드프레스 관리자에서 외모 → 사용자 정의하기 → 로고 표시 설정을 엽니다. 기본 로고와 흰색 로고, 표시 크기를 이 화면에서 관리합니다.

2. 기본 로고와 흰색 로고 등록하기

1. 기본 로고에서 밝은 배경에 사용할 파일을 선택합니다.
2. 헤더 또는 푸터 배경이 어두운 스타일을 사용한다면 흰색 로고에도 별도 파일을 선택합니다.
3. 미리보기에서 로고가 찌그러지지 않는지 확인합니다.
4. 너무 크거나 작으면 로고 너비·높이를 조금씩 조정합니다. 원본 비율을 유지하려면 한 값만 크게 바꾸지 마세요.

로고를 바꾼 뒤에는 헤더 스타일이 다른 대표 페이지와 푸터까지 확인해야 합니다. 한 화면에서만 정상이어도 모바일 메뉴나 어두운 푸터에서 보이지 않을 수 있습니다.

3. 사이트 아이콘 등록하기

사이트 아이콘은 외모 → 사용자 정의하기 → 사이트 아이덴티티에서 등록합니다. 이미지를 고른 뒤 저장하고, 새 브라우저 탭에서 사이트를 열어 탭 왼쪽의 아이콘을 확인하세요. 이전 아이콘이 남아 있으면 브라우저 캐시 때문에 잠시 보일 수 있으므로 시크릿 창에서도 확인합니다.

완료 확인

• PC 헤더, 모바일 헤더, 푸터에서 로고가 선명하게 보입니다.
• 밝은 배경과 어두운 배경에서 필요한 로고가 각각 표시됩니다.
• 새 탭에서 사이트 아이콘이 표시됩니다.
• 로고를 클릭했을 때 홈으로 이동하는지 확인합니다.

기존 테마 사용자

기존 테마에서 사용하던 로고 파일을 그대로 써도 되지만, 이전 테마의 고정된 가로·세로 비율을 그대로 적용하지 마세요. 최신 케이테마의 헤더 스타일을 먼저 고른 뒤 미리보기에서 크기를 맞추는 편이 안전합니다. 헤더 메뉴와 상단 버튼을 함께 조정해야 한다면 헤더·메뉴·상단 버튼 설정도 확인하세요.

더 알아보기

사이트 아이콘의 권장 형식과 동작은 WordPress 공식 안내에서 확인할 수 있습니다.