티스토리 고래 스킨 모바일 화면 썸네일 보이게 하는 방법

티스토리 블로그를 운영하시는 분들 가운데 무료스킨으로 많이들 추천하는 고래스킨을 사용하는 분들이 꽤 많은 것 같습니다. 속도도 빠르고 디자인도 나름 깔끔해서 고래스킨을 선호하는 분들이 많은데요. 다만, 고래스킨을 처음 설치하고 세팅을 하다 보면, PC 화면에서는 괜찮은데, 모바일 화면에서 썸네일이 보이지 않는 경우가 있습니다. 하지만, 스킨편집 화면에서 CSS를 약간 건들면 모바일 화면에서도 썸네일이 보이게 하는 방법이 있으니 지금부터 한 번 살펴보도록 하겠습니다.

 

티스토리 고래 스킨 무료 다운로드 받기

티스토리 무료 스킨 추천 고래스킨 다운로드 및 설치 방법

티스토리 고래 스킨은 개인이 제작하여 배포하는 무료 스킨이기 때문에 티스토리에서 제공하는 기본 스킨 목록에서는 직접 받을 수 없고 별도로 다운로드 받은 후 설치를 해야 하는데, 다운로드 및 설치에 관한 내용은 이전 글을 참고하시면 되겠습니다.

 

티스토리 고래 스킨 모바일 화면 썸네일 보이게 하기

고래 스킨에서 모바일 화면 썸네일을 보이게 하기 위해서는 일단 티스토리 관리자 화면에서 왼쪽의 '스킨 편집' 항목을 선택해서 들어간 뒤, 오른쪽 HTML/CSS 편집 화면에서 CSS 탭을 선택한 다음, 'Ctrl+F' 단축키를 통해 'media only screen' 문자열이 있는 곳을 검색해 줍니다. 그럼 아마 개인마다 조금씩 다르겠지만, 1500~2500행 사이에 위와 같이 media only screen 항목 아래 thumnail 항목이 포함된 행을 찾을 수 있을 겁니다. 거기에 보시면 기본적으로 display:none; 이라고 표기되어 있을텐데요. 이 항목을 지워줍니다.

 

위의 화면과 같이 display:none; 항목을 지워주고 그대로 비어 있는 상태에서 상단 오른쪽 적용 버튼을 누르면 이제 모바일 화면에서 썸네일이 함께 표시된 글목록을 확인할 수 있을거예요.