티스토리를 하다 보면 html 코드를 편집해야 하는 경우가 종종 생긴다. 애드센스 코드를 삽입하거나, 구글 서치 콘솔 등의 등록 작업을 할 때 생성한 코드를 수동으로 붙여 넣는 일이다. 그러다가 html 파일을 잘못 건드려서 블로그 페이지가 이상하게 표시되는 문제가 발생하기도 한다.
나 같은 경우 블로그 본문 글의 기본 폰트 사이즈를 좀 더 크게 키우고, h1~h3 제목 글 사이즈도 좀 크게 키우려고 CSS 내용을 수정하는 과정에서 나도 모르게 코드를 잘못 건드렸다. 블로그 main 화면에 특수문자가 표시되고 제목도 깨지는 현상이 발생했다. 어느 부분을 건드린지도 모르는 상황이었고, 설사 안더라고 하더라도 내 실력으로 조치할 수도 없었다.
조치방법
문제가 된 부분을 찾아내서 고친다면 가장 좋겠지만 그러지 못한 경우 가장 간단한 방법은 블로그 스킨을 초기화하는 것이다. 이 경우 html이 리셋되기 때문에 오류가 된 부분도 원상태로 복구된다. 다만 기존에 html 코드를 수동으로 수정한 부분은 전부 초기화되기 때문에 이 부분은 미리 백업해 놓고 초기화해야 한다.
수동 삽입 HTML 코드 백업
html 코드에서 기존에 수동으로 삽입한 코드를 미리 백업해 놓자. 만약 <head> 영역 이외에 수정해 놓은 부분이 있다면 그 부분도 같이 백업해 놓자
- 블로그 관리 - 꾸미기 - 스킨 편집 - html 편집으로 이동
- <head>, </head>에 수동으로 삽입한 코드를 복사해서 따로 저장해 둔다.
- 수동 삽입 코드 예시
네이버 서치 어드바이저, 구글 서치 콘솔, 애드센스, 구글 애널리틱스, 네이버 애널리틱스 등
블로그 스킨 변경 및 원복
백업을 완료했으면 블로그 스킨을 다른 스킨으로 변경한다. 변경한 뒤에 곧바로 다시 기존에 사용하던 스킨으로 바꾼다.
- 블로그 관리 - 꾸미기 - 스킨 변경으로 이동
- 현재 사용하고 있는 스킨 이외에 다른 스킨 선택하고, "적용" 클릭
- 스킨 변경되면 바로 다시 원래 사용하던 스킨을 선택하고, "적용" 클릭
이렇게 하면 스킨이 초기화되면서 html 코드가 초기화된다. 스킨에 관련된 문제는 아마 대부분 조치될 것이다. 이제 백업한 내용을 복원해야 한다.
수동 삽입 HTML 코드 복구
스킨을 초기화했으면 백업해 놓은 수동 삽입 코드를 다시 붙여 넣어 주어야 한다.
- 블로그 관리 - 꾸미기 - 스킨 편집 - html 편집으로 이동
- <head>와 </head> 사이에 백업해놓은 수동 삽입 code를 붙여 넣어 준 뒤 "적용" 선택
스킨 재설정
블로그 스킨이 초기화되었기 때문에 기존에 내가 사용하던 스킨 세팅에 맞게 다시 세팅을 해주어야 한다. "콘텐츠 관리", "꾸미기 관리"에서 각각의 항목들을 내가 사용하던 대로 다시 설정해주면 스킨 재설정이 완료된다.
끝으로
처음에 html 코드를 잘못 수정해서 스킨에 문제가 생겼을 때 많이 당황했었는데, 문제가 발생해도 스킨 초기화하고 다시 설정하는 것도 크게 어렵지 않아서 이젠 같은 상황이 발생해도 당황하지 않게 되었다.
'블로그' 카테고리의 다른 글
| 블로그 네이버 검색 등록 확인 및 수집 요청 방법 (0) | 2022.10.11 |
|---|---|
| 구글 서치콘솔 사이트맵 갱신 오류 조치 방법 (0) | 2022.10.08 |
| 애드센스 승인 1차 실패 재신청 도전하기 (0) | 2022.09.27 |
| 티스토리 블로그 애드센스 신청 방법 (1) | 2022.09.26 |
| 미국 ETF 월적립 투자자의 블로그 운영 계획 (1) | 2022.09.19 |
댓글