티스토리 문제 해결 - 삽입한 그림 회전 글자체 변경 광고 설정 등

티스토리 블로그를 운영하다 보면 의도치 않게 이상한 오류나 버그를 걸리는 경우가 있습니다.
제가 경험한 것은 크게 3가지 유형입니다.

아, 그리고 혹시나 제 화면과 글쓰기 화면이 다르신 분은 새로운 글쓰기 메뉴를 활성화해서
새로운 에디터로 글쓰기를 하시면 같은 화면을 보실 수 있습니다.

반대로 이전 에디터를 사용하고 싶으실 경우에는 새로운 글쓰기 메뉴를 사용하지 않음으로 설정하시면 되겠습니다.

티스토리에서 자주 발생하는 오류 유형

1. 삽입한 그림 회전

삽입한 그림이 회전되는 유형의 버그입니다.

이것은 글 작성중일 때는 화면에 정상적으로 보이는데 작성을 완료하고나서 모니터링을 해보면 사진이 돌아가버리는 경우입니다.

이런 유형의 오류가 많기 때문에 글 발행 후에는 꼭 창을 하나 더 띄워서 제대로 글이 올라갔는지 확인하는 습관을 들이는 것이 좋습니다.

편집기에서 작성할 때 화면하고 블로그에 노출될 때 화면에는 많은 차이가 있습니다.

모바일 버전도 차이가 있구요.

모바일 화면을 확인하기 위해서는 주소 뒤에 /m을 붙이면 됩니다.

예를들어 제 블로그 주소가 http://zapari.tistory.com 이라면 

모바일 주소는 http://zapari.tistory.com/m 이 되는 것입니다.

이러한 오류를 고치기 위한 방법은 사진 편집을 만져서 비율을 조정해 주면 됩니다.

아래 사진을 봐주세요.

1. 사진 위의 이미지 편집을 누른다

2. 편집 버튼을 누른다

3. 사진 비율을 알맞게 조정하고 저장을 누른다

2. 편집기에서 글자체가 변경 안됨 또는 쓰고나서 이상한 글자체로 바뀜

글을 쓰다보면 제목만 크게 하고 싶은데 윗글이나 밑 글까지 커져버리는 일이 발생할 때가 있습니다.

이럴 때는 글자를 세번클릭 빠르게 하시면 한줄을 영역 선택 잡아줍니다 그런 상태에서 글자체 변경을 시도해 보세요.

이렇게 해도 안될 때에는 그 줄만 엔터를 쳐서 윗줄과 아랫줄 공백을 만든 후에 작업을 합니다.

그런데 편집기에서는 잘 된 것처럼 보였는데 저장하고 발행한 후에 다시 블로그 모니터링을 해보면 글자가 다른 색으로 바뀌어 있거나 심지어 배경색과 같아서 안보이는 경우도 발생을 해요.

이는 아마 스킨과 편집기가 잘 호환이 안되서 충돌을 일으키는 것 아닌가 싶어요.
이럴 때는 html을 만져주어야 합니다.

글쓰기 화면 상단 HTML 버튼

글쓰기 화면에서 위에 보시면 기본모드라는 곳이 보이실 거에요.
그곳을 클릭하면 html 보기 모드로 들어가실 수 있습니다.

그럼 테스트를 위해서 아래 처럼 글자를 찍고 나서 html에서 어떻게 작성되었는지 봅시다.

드워프의 자파리(제목1)

http://zapari.tistory.com(제목2, 굵게, 밑줄)

 드워프의 자파리(본문1, 빨간색)

http://zapari.tistory.com(본문3, 초록색)

html 코드를 모른다고 해도 우리가 위 사진에서 알 수 있는 것이 있습니다.

<h2>

 다음에 글이 들어가고 

</h2>

 슬래시를 넣어 코드를 종료시키는 방법이 쓰인다는 겁니다.  또한 

<b></b>

위 코드는 볼드(bold), 즉 글자를 두껍게 해주는 코드입니다.

글자색을 변경하고 싶을 때는 컬러 다음에 있는 부분 #f41a18을 바꾸어 주면 되겠죠.

저는 글자색으로 에러가 났을 때에는 아래 코드 부분을 지워 해결을 하고 있습니다.

<span style="color: #f41a18;"></span>

그럼 스킨에 지정된 색으로 글자가 정상적으로 보입니다.



3. 애드센스나 애드핏 광고를 삭제해도 지워지지 않고 그대로 노출됨

가끔 광고 위치 변경 등으로 애드핏이나 애드센스에서 광고코드를 가져와 변경할 일이 생깁니다.

그럴때 티스토리 플러그인 기능을 사용해서 각각의 위치에 받은 스크립트를 넣어주는데요.

이러한 블로그 리모델링 공사를 하게 되면 꼭 이런 문제가 한번씩 발생합니다.

광고를 지우고 다른 위치에 광고를 삽입했는데 블로그 모니터링을 해 보면 광고가 그대로 노출되어 있어 반영이 안되는 현상요.

그럴때는 우선 플러그인 뿐만 아니고 html도 같이 검토를 해봐야해요.

기억은 안나지만 html 코드들 사이에 광고를 직접 집어넣었을 수도 있거든요.

다 지운게 확실한데도 광고가 사라지지 않고 있다면 플러그인 해제를 하고 나서 광고가 사라지는지 확인해보세요. 저는 이 방법이 즉효였습니다.

그리고 나서 사라진 위치에 새로운 광고를 설정해서 마무리합니다.