블로그팁 티스토리툴바 숨키기

티스토리 툴바 사용자 메뉴

티스토리 블로그에는 오른쪽 상단에 로그인시 나타나는 툴바 부분이 있습니다. 만약 블로그 스킨의 오른쪽 상단에 방명록이나 기타 사용자 메뉴를 두었을 경우 이 두개의 메뉴가 서로 겹치면서 두개 중 하나를 누를 수 없는 경우가 생길 수 있습니다. 당연 모니터 해상도가 크고 브라우저를 크게 켜서 보는 분은 불편하지 않을 수 도 있습니다만, 브라우저를 좁게 해두면 두개의 메뉴가 겹쳐서 블로그에 방문한 유저가 방명록에 글을 못남기는 경우가 생길 수 도 있죠. 웹표준를 거론할 때도 의미적으로 사용자의 행동을 방해하는 것이 있다면 틀린것으로 봅니다. 두개의 메뉴를 겹치게 해놓는것도 이것에 해당하죠. 블로그팁으로 티스토리툴바 숨키기 방법을 알아봅시다.

티스토리 툴바 사용자메뉴 겹치는 실제 상황

어느 블로거분의 상황을 실제로 연출해보았습니다. 다른분의 블로그에 제가 유저로서 방문을 했고, 티스토리 로그인이 되어있는 상태입니다. 블로그의 오른쪽 상단을 보면 GUESTBOOK , WRITE, ADMIN 등 스킨에 있는 메뉴가 보이고 그 위에 다시 티스토리 툴바도 함께 보입니다. 브라우저를 좁게하면 겹치는 현상은 더 심해집니다. 즉 티스토리 관리자메뉴는 오른쪽 상단에 위치가 고정되어 있어서 블로그 스킨을 보통 만들 때 최상단은 어느정도 여백으로 비워두게 되는데 그 공간을 만약 비우지 않게 되면 저렇게 겹치게 되는것이죠.

해결방법은 두가지 입니다. 스킨의 메뉴의 상단에 여백을 두어 메뉴를 조금 아래로 내리는 방법이 있으며, 티스토리 관리자 메뉴를 보이지 않게 하는 방법이 있습니다. 스킨의 메뉴를 아래쪽으로 끌어내리려면 자신의 스킨의 스타일을 살펴보고 메뉴부분 상단에 여백을 두면 되겠죠. 다만 스킨의 형태가 달라지기에 잘 보고 선택해야 할 것입니다.

좀 더 간단한 방법으로 해결하는 방법이 있습니다. 티스토리 툴바 를 보이지 않게 하는 것 이죠. 티스토리 툴바 는 블로그에 접속한 유저가 사용할 가능성은 거의 없고, 블로그 주인 마저도 관리자 페이지에서 모두 관리할 수 있는 내용이기 때문에 안보이게 숨켜도 괜찮다는 것이죠.

티스토리 툴바 숨키기 원리

티스토리 툴바 부분은 티스토리 설정상 형태는 바꿀 수 있지만, 항상 나타나도록 되어 있습니다. 나타나지 않도록 옵션을 지원한다면 좋겠지만, 아직은 미지원이죠. 티스토리 툴바의 id 는 tistorytoolbarid 입니다. 이 부분을 보이지 않도록 설정하면 사라지게 됩니다.

CSS 를 조절해서 티스토리 툴바를 사라지게 했습니다. 오른쪽 상단을 보면 블로그의 메뉴가 재대로 보입니다. 사용자가 불편하지 않겠죠.

티스토리 툴바 숨키기

#tistorytoolbarid { display: none; }

위 한줄을 복사 후 자신의 스킨관리에서 style.css 의 가장 하단에 붙여넣기를 합니다. 이제는 더이상 티스토리 툴바가 보이지 않게 됩니다.