모두
모두콘텐츠
얼마 전 블로그스팟 스킨을 바꾼 뒤 모바일에서 메뉴가 사라졌다는 이야기를 들었습니다. 글은 그대로인데 화면 구성이 달라져 방문자가 카테고리를 찾기 어려운 상태였죠. 워드프레스 사이트를 운영할 때도 테마 교체보다 교체 후 점검에서 문제가 자주 드러납니다. 블로그스팟도 순서는 같습니다. 현재 화면을 저장하고, 새 스킨을 적용한 뒤, 실제 글이 어떻게 보이는지 확인해야 합니다.
스킨을 고르기 전에 확인할 것
블로그스팟에서는 스킨을 보통 ‘테마’라고 부릅니다. 처음부터 유료 스킨을 살 필요는 없습니다. 글 목록, 본문, 모바일 메뉴 정도면 블로거에서 제공하는 테마로도 시작할 수 있습니다. 먼저 기본 테마를 적용해 보고 부족한 기능이 무엇인지 적어두는 편이 낫습니다. 필요한 기능이 분명해야 외부 스킨을 골라도 불필요한 코드를 덜 들여옵니다.
외부 스킨을 볼 때는 시연 화면의 첫 페이지만 보지 마세요. 긴 제목이 두 줄로 내려가는지, 본문 이미지가 휴대전화 폭을 넘지 않는지, 댓글과 검색창이 작동하는지 확인해야 합니다. 특히 카드형 목록은 보기에는 깔끔해도 작은 화면에서 제목이 잘리거나 글을 찾기 불편할 수 있습니다. 광고 자리나 움직이는 효과가 많이 들어간 스킨도 내 블로그에 필요한지 따져보는 게 좋습니다.
파일을 받았다면 배포자가 누구인지, 최근에도 수정 안내를 하는지, 설치 설명이 있는지 확인합니다. 무료 스킨이라도 원인을 알 수 없는 외부 스크립트를 잔뜩 불러온다면 운영 부담이 커집니다. 스킨 하나로 끝날 일을 별도 위젯 여러 개에 의존하게 만드는 구성도 피하는 편입니다. 예쁜 첫 화면보다 글을 읽고 이동하는 과정이 안정적인지가 우선입니다.
현재 스킨과 글을 따로 백업하기
스킨 파일을 올리기 전에 현재 테마부터 내려받습니다. 블로거 관리 화면에서 대상 블로그를 고른 뒤 ‘테마’로 이동하세요. 현재 테마 영역의 ‘맞춤설정’ 옆 화살표를 누르고 ‘백업’, ‘다운로드’ 순서로 진행하면 됩니다. 내려받은 파일은 날짜와 블로그 이름을 붙여 보관하세요. 블로그가 여러 개라면 어느 사이트의 파일인지 헷갈리기 쉽습니다.
이 파일은 화면 구성을 되돌릴 때 쓰는 백업입니다. 글과 댓글 백업을 대신하지는 않습니다. 글까지 별도로 보관하려면 ‘설정’의 ‘블로그 관리’에서 콘텐츠 백업을 내려받아야 합니다. 구글 블로거 도움말도 테마 백업과 콘텐츠 백업을 별도 절차로 안내합니다. 저는 큰 변경 전에는 두 파일을 함께 챙깁니다. 스킨을 바꾸는 작업에서 글이 지워질 것으로 예상해서가 아니라, 문제가 났을 때 복구 수단을 분명히 해두기 위해서입니다.
기존 사이드바에 직접 넣은 광고 코드, 배너 이미지, 메뉴 이름도 기록해 두세요. 화면을 캡처하고 각 위젯의 설정값을 메모하면 충분합니다. 백업 파일이 있어도 새 스킨의 위젯 위치와 이름은 달라질 수 있습니다. 이때 이전 화면을 기억에만 의존하면 메뉴 하나를 빼먹기 쉽습니다.
블로그스팟 스킨 적용 순서
처음 바꾼다면 블로거 기본 테마부터 시험하는 편이 간단합니다. ‘테마’ 화면에서 원하는 디자인을 고르고 ‘적용’을 누르면 됩니다. 색상이나 글꼴만 바꿀 목적이라면 현재 테마의 ‘맞춤설정’을 먼저 열어보세요. 배경, 글꼴, 열 너비처럼 기본 설정으로 해결되는 항목이 있습니다. 간단한 색상 수정 때문에 전체 스킨을 교체할 필요는 없습니다.
외부에서 받은 스킨은 제공된 설치 설명과 파일 형식을 먼저 확인하세요. 블로거의 ‘테마’ 메뉴에는 백업 파일을 불러오는 ‘복원’과 코드를 직접 바꾸는 ‘HTML 편집’이 있습니다. 배포자가 복원용 파일을 제공했다면 안내된 방식으로 적용하고, 코드 붙여넣기를 지시한다면 ‘HTML 편집’에서 진행합니다. 여기서 기존 코드를 지우고 저장하면 화면이 즉시 바뀝니다. 백업 파일을 내려받기 전에는 이 단계로 들어가지 않는 게 안전합니다.
적용 직후에는 꾸미기보다 동작 확인부터 합니다. 데스크톱과 휴대전화에서 첫 화면, 글 한 편, 카테고리 목록, 검색 결과를 차례로 열어보세요. 메뉴를 눌렀을 때 원하는 곳으로 가는지, 이미지가 화면 밖으로 밀리지 않는지, 본문 글자가 읽기 편한지도 봅니다. 광고를 운영한다면 광고 위치까지 확인해야 합니다. 편집 화면에서 저장이 성공했다고 방문자 화면도 정상이라는 뜻은 아닙니다.
화면이 깨졌을 때 되돌리는 방법
새 스킨에서 메뉴가 사라졌다면 먼저 ‘레이아웃’ 화면을 확인하세요. 블로거는 이 화면에서 가젯을 추가하고 설정을 바꿀 수 있습니다. 스킨 교체 후 필요한 가젯이 다른 위치에 놓였을 수 있습니다. 반대로 색상이나 글자 크기만 어색하다면 ‘테마’의 ‘맞춤설정’에서 고치는 편이 빠릅니다. 작은 문제마다 스킨을 다시 올리면 어느 변경이 원인이었는지 추적하기 어려워집니다.
본문 폭이 크게 틀어지거나 기능이 여러 개 멈췄다면 변경을 더 쌓지 말고 이전 스킨으로 돌아갑니다. ‘테마’에서 ‘맞춤설정’ 옆 화살표를 열고 ‘복원’을 선택해 앞서 내려받은 테마 파일을 불러오세요. 복원 후에도 모바일 화면과 메뉴를 다시 확인해야 합니다. 별도로 손댄 가젯 설정까지 모두 기대한 상태인지 눈으로 확인하는 과정이 필요합니다.
스킨을 자주 갈아끼우는 것보다 읽기 편한 구성을 오래 유지하는 편이 운영에는 낫습니다. 블로그스팟 스킨을 바꿀 때 제가 가장 시간을 쓰는 곳도 설치 버튼이 아니라 백업과 화면 점검입니다. 그 두 단계만 챙겨도 디자인 변경이 복구하기 어려운 작업이 되지는 않습니다.
