로고 없는 사이트가 계속 마음에 걸렸던 이유
사이트 뼈대는 다 세워놨는데 로고가 없으니까 이상하게 허전했습니다. 상단에는 그냥 “애호가”라는 텍스트만 덩그러니 떠 있고, 파비콘 자리에는 워드프레스 기본 별 모양 아이콘이 박혀 있었죠. 콘텐츠보다 이런 디테일이 먼저 눈에 밟히는 성격이라, 글을 쓰기 전에 로고부터 어떻게든 해결하고 넘어가야겠다 싶었습니다. 디자이너를 쓸 정도의 프로젝트는 아니었고, 그렇다고 파워포인트로 뚝딱 만들 자신도 없어서 결국 AI 이미지 생성 쪽으로 눈을 돌렸습니다.
AI 이미지 생성으로 로고 후보 만들기
처음에는 막연하게 “카메라, 게임 컨트롤러, 음표, 비행기, 커피잔, 책” 같은 걸 한 화면에 다 때려 넣어달라고 프롬프트를 썼다가 완전히 산만한 결과물만 받았습니다. 취미 여러 개를 아이콘화해서 보여주고 싶었는데, 요소가 많아질수록 그림이 지저분해지더라고요. 몇 번 다시 요청하면서 방향을 바꿨습니다. 하나의 큰 일러스트에 취향의 아이콘들을 자연스럽게 녹여 넣은 버전, 심볼과 워드마크만 깔끔하게 분리한 버전, 그리고 작은 크기에서도 알아볼 수 있는 배지 형태 버전, 이렇게 세 갈래로 나눠서 각각 다시 생성했습니다. 결과적으로 이 세 종류를 따로 뽑아둔 게 나중에 큰 도움이 됐습니다. 자리마다 필요한 형태가 다르다는 걸 그때는 몰랐거든요.
파일은 만들었는데 사이트에 안 뜬 이유
파일을 받아서 서버에 올리는 것 자체는 별 게 아니었습니다. 우분투 서버에 워드프레스 관리자 권한으로 접속해서 사이트 아이콘 옵션에 배지 이미지를 지정하고, 헤더에 쓸 로고로는 심볼+워드마크 버전을 테마 커스터마이저에 등록했습니다. 그런데 저장하고 새로고침을 해봐도 헤더에 로고가 안 뜨는 겁니다. 사이트 아이콘, 그러니까 브라우저 탭 파비콘은 바로 바뀌었는데 정작 헤더 쪽은 그대로 텍스트 제목만 남아 있었어요. 설정값은 분명히 저장됐는데 화면에 반영이 안 되니 처음엔 캐시 문제인 줄 알고 브라우저 캐시를 몇 번이나 지웠습니다.
진짜 원인은 템플릿 구조였다
원인을 찾는 데 꽤 시간이 걸렸습니다. 알고 보니 지금 쓰는 테마의 헤더 템플릿 파츠 안에 애초에 “사이트 로고” 블록 자체가 들어있지 않았고, “사이트 제목” 텍스트 블록만 심어져 있었던 겁니다. 로고 이미지를 아무리 등록해도 그걸 그려줄 블록이 없으니 당연히 안 보일 수밖에요. 결국 헤더 템플릿을 직접 열어서 사이트 제목 블록을 사이트 로고 블록으로 바꿔치기했습니다. 이 부분은 관리자 화면의 일반적인 설정 메뉴만 돌아다녀서는 절대 못 찾았을 문제라, 템플릿 파츠 구조를 직접 들여다보고 나서야 이해가 됐습니다. 그 몇십 분이 체감상 몇 시간처럼 느껴졌네요.
헤더는 됐는데 이번엔 홈페이지 제목이 문제였다
헤더 문제를 해결하고 나니 이번엔 홈페이지가 어색해졌습니다. 큰 일러스트 버전 로고 이미지를 홈페이지 중앙에 넣었는데, 바로 위에 페이지 제목이 자동으로 또 한 번 “애호가”라고 출력되고 있었던 겁니다. 로고 안에 이미 워드마크와 문구가 들어있는데 그 위에 텍스트 제목까지 겹치니 중복감이 심했습니다. 블록 에디터에서 제목 블록을 지우려고 해봤지만, 이 제목은 블록이 아니라 페이지 템플릿 자체에서 자동으로 출력되는 구조라 개별 편집으로는 없앨 수 없었습니다. 결국 테마에 기본으로 들어있던 “제목 없는 페이지” 템플릿으로 홈페이지를 통째로 바꿔서야 원하는 그림이 나왔습니다.
푸터도 정리했다
푸터도 비슷한 이유로 손을 봤습니다. 로고 이미지, 사이트 제목, 태그라인이 각각 따로따로 블록으로 나열돼 있었는데, 배지 버전 로고 안에 이미 그 정보가 다 압축돼 있으니 굳이 세 개를 따로 보여줄 이유가 없었습니다. 배지 이미지 하나로 정리하고 나니 페이지 하단이 훨씬 정돈된 느낌이 들었습니다.
정리하며
돌아보면 로고를 “만드는” 작업보다 그걸 사이트 구석구석에 “끼워 맞추는” 작업에 시간을 더 많이 썼습니다. AI로 그럴듯한 이미지를 뽑는 건 생각보다 금방이었는데, 테마 템플릿 구조를 이해하고 자리마다 맞는 버전을 골라 넣는 과정이 은근히 손이 많이 가더라고요. 비슷한 작업을 하시는 분이 있다면 참고하시라고 정리해봅니다.
- 로고는 처음부터 용도별로 여러 버전을 나눠서 만들어두면 나중에 훨씬 편하다
- 커스터마이저에서 로고를 등록해도 테마 템플릿에 해당 블록이 없으면 반영되지 않는다
- 페이지 자동 제목은 블록 편집이 아니라 템플릿 레벨에서 해결해야 하는 경우가 있다