티스토리 스킨 JB SKIN 167 구매 후기와 태그 숨기는 방법

기존에 사용하던 스킨은 SQUARE 스킨이었는데요. 많은 블로그들을 방문하면서 JB FACTORY란 곳을 알게 되었고, 그곳에서 판매하고 있는 티스토리 스킨 JB SKIN을 알게 되었습니다. 

JB FACTORY에선 총 14 종의 JB SKIN을 판매하고 있는데요. 제가 구입한 스킨은 그중에서도 모듈형 형태를 지원하는 JB SKIN 167이며, 이번 포스팅은 JB SKIN 167의 사용 후기, 태그 숨기기, 반응형 모바일 화면에서 애드센스에 첫 줄이 가려지는 문제 해결방법에 대해 알아보도록 하겠습니다.

■ JB SKIN 167 사용 후기

JB SKIN 167을 제외한 13종은 단일 스킨이라고 보시는 게 좋은 반면, JB SKIN 167은 모듈형 스킨이라고 생각하시면 됩니다. 특히 모듈형이란 이름에 걸맞게, 티스토리 스킨 편집 메뉴에서 스킨 구조 자체를 변경하는 10가지 레이아웃 형식을 지원하는데요. 

사실 티스토리를 운영하면 스킨 변경시 발생되는 구조 변화 때문에 방문자 수에 영향을 받았다는 글이 많기 때문에, 한번 선택한 스킨을 변경하기란 쉬운일이 아닌데요.

JB SKIN 167의 경우 스킨은 이미 적용되어 있는 것이고, 스킨 편집화면에서 레이아웃만 변경해주는 것이기 때문에 방문자 수 변화를 겪진 않으리라 추측합니다. 그래서 더욱 마음에 드는 스킨이기도 하고요.

또한 글 목록, 댓글, 사이드바 형태 등도 여러 모듈을 지원하며, 특히 4가지 정도의 기본 글꼴을 포함하고 있는데요. 그중 나눔고딕을 포함하고 있어 가독성을 향상시키는데 상당한 도움을 주고 있습니다. 

단, 제가 지금 겪고 있는 문제이지만, 포스팅 작성하실 때 글꼴을 변경으로 HTML 소스가 변경된 경우 나눔고딕 글꼴이 적용되지 않습니다. 이런 경우는 각 포스팅의 HTML 소스에서 글꼴 내용을 삭제하거나 CSS에 강제로 적용하도록 하면 된다는데요. 

저는 HTML을 건드는 건 벅차 보여서 포기했고, CSS를 사용해 수정해보려 했지만 폰트까지 적용된 게시글은 변화가 없어서 그냥 사용하고 있습니다.

 

이 외에도 스킨 자체 기능으로 반응형 애드센스를 게재 가능하도록 디자인 되어있고, 티스토리 플러그인으로 적용하는 반응형 애드센스 보다 좀 더 정교하게 위치 배정이 가능합니다.

 

예를들면 우측 상단 반응형 애드센스 1개를 게시할 경우 방문자의 환경에 맞도록 PC와 모바일 사이즈를 자동으로 조절해 게재하고, 특히 모바일 상단 가로폭은 화면 전체폭으로 설정할 수 있는 옵션도 지원하고 있습니다.

그리고 좌측과 우측에 직사각형 애드센스를 게시할 수 있는 옵션도 지원하고 있습니다.

 

마지막으로 가장 좋았던 부분은 포스팅 작성하는 가로폭이 SQUARE 대비 작다는 것인데요. SQUARE는 가로 폭이 너무 넓어 사진이 작거나, 글이 많지 않을 경우 너무 휑해 보인다는 단점이 존재했었는데, JB SKIN의 경우 딱 알맞은 폭을 지원해 가독성이 향상됩니다.

■ JB SKIN 167 태그 숨기기

태그가 정확히 어떤 역할을 하는지는 모르겠지만, 내용에 맞는 태그를 추가하다보면 10개 이상 추가하는 경우가 꾀 많은편인데요. 글을 다 읽고 일치하는 콘텐츠와 블로그 카테고리를 보기 위해 아래로 내리는 중간에 태그가 존재하기 때문에 여간 지저분해 보이는 게 아니었습니다.

그래서 JB FACTORY 운영자분께 태그 숨기는 방법에 대해 문의한 결과, 태그를 숨길 수 있는 CSS 코드를 받게되서 스킨 편집을 통해 반영했습니다. 여기서 중요한 건 태그가 삭제 되것이 아니라 숨겨지는 기능이라곤 말씀해 주셨는데, 혹시라도 불안하신 분들은 적용하지 않으시는 게 좋으실 것 같습니다. 

■ 모바일 접속 시 포스팅 첫 줄이 애드센스에 가리는 문제

이 문제를 해결하는 데 4시간 정도는 소요된 것 같은데, 의외로 해결 방법은 너무 쉬운 방법이라 당황스러울 정도였는데요. 문제 상황을 정확히 말하자면 모바일 화면에서 애드센스 뒷쪽에 포스팅 첫 줄이 가려지는게 아니라, 첫 줄이 세로 방향으로 표시되면서 발생된 문제였는데요.

 

JB SKIN의 기본 지원 기능인 반응형 애드센스 게재 기능과 티스토리 플러그인의 애드센스 기능이 출동하면서 발생된 문제로 추정하고 있습니다.

 

JB SKIN의 기본 지원 기능인 반응형 애드센스 게재 기능과 티스토리 플러그인의 애드센스 기능이 충돌하면서 발생된 문제로 추정하고 있는데요. 반응형 스킨의 애드센스 상, 하단을 활성화 시킨 상태로 티스토리 플러그인 애드센스(모바일) 상측을 활성화 시켰다가, 티스토리 플러그인을 해제시킨 후 문제점이 개선됬기 때문입니다,

 

■ 포스팅을 마무리 지으며

티스토리 공식 홈페이지에 우수한 기본 스킨들이 많이 존재하긴 하지만, JB SKIN은 제 기준에선 다른 스킨보다 조금 더 우수했던게 사실인데요. 특히 디자인이 제가 선호하는 디자인이라는 점과, 글을 읽는 입장에서도 가독성이 좋을 것이라고 판단하고 있기 때문에 더욱 마음에 들었던 것 같습니다.

 

스킨은 한번 정하게되면 변경시의 부담감 때문에 쉽게 변경하기 어려우니, 처음 스킨을 정하실때 JB SKIN도 고려해보시는 것도 좋으실 것 같습니다. 물론 공식 홈페이지의 스킨도 매우 우수합니다.

포스팅을 마지막까지 읽어주셔서 감사드립니다.