지금은 국민 스킨이 되어버린 '반응형 스킨'. 12년~13년도쯤에는 이런 스킨이 없었죠. 아마 2016년도쯤 부터 '기본 제공 스킨'으로 슬슬 보급이 되기 시작했던것 같습니다. 그래서인지 지금은 이전과 같이 1~3단형의 스킨을 사용하는 사람은 찾아볼 수 없을 정도로 지금은 대부분의 유저들이 반응형 스킨을 사용하고 있습니다.
뿐만아니라 이 마저도 만족을 하지 못하는 분들은 티스토리가 아닌, 유저들 개개인이 만든(무료로 배포하는) 스킨을 찾아서 사용하시는 분들이 정말 많은데요! 그래서 이번 시간에는 현재 제가 사용하고 있는 스킨을 만드신 '친절한 효자손'님의 [친효스킨]을 소개해드리려고 합니다!
※ 참고로 본 글에서 사용되는 이미지는 '친절한 효자손'님께 직접 사용 허락을 받은 이미지임을 알려드립니다.
제가 소개해드리고자 하는 '친효스킨'의 메인화면입니다. 위 화면은 티스토리 블로그 전문가이신 '친절한 효자손'님께서 직접 제작하신 스킨이고요. 스킨의 영역 전체를 캡처하고 싶었으나 이미지의 길이가 너무 긴 관계로 가장 상단 부분만 캡처를 했습니다.
지금 보고 계시는 스킨은 저와 같이 완벽한 깔끔함을 추구하시는 분들께 제격이라고 생각합니다. 쓸데없는 화려함은 최소화하고, 방문자들이 블로거가 작성하는 콘텐츠에 더 집중을 할 수 있도록 도와주는 스킨입니다. 단순히 이미지로만 보시면 그저 평범하기 이를 데 없는 스킨처럼 보이지만 알면 알수록 매력적이고도 당장 소유하고싶어지는 스킨이랍니다.
(친효님 정말 대단하십니다!)
다른 스킨들에 비해 메인 화면을 구성하는 부분에 있어서 상당히 자유롭습니다. 웬만한 스킨들처럼 사이드바에는 공지사항, 프로필 레이어, 카테고리, 인기글, 추천글, 최신글등. 블로그 운영에 필수적인 요소들은 다 있으며, 메인화면에는 블로거가 소개하고 싶은 카테고리를 자유롭게 조작할 수 있습니다. 일단 제가 해당 스킨을 사용해보면서 굉장히 긍정적으로 생각했던 부분들에 정리해드리겠습니다.
뿐만아니라 '반응형'이라는 타이틀답게 PC와 모바일 상의 조작에 있어서도, 각 이미지나 모듈들이 뒤틀리거나 깨지는 것 없이 (정확히 각을 잰듯한) 깔끔함을 보여줍니다.
친효님의 스킨에 적용되어 있는 사이드바 모듈을 캡처해보았습니다. 워낙에 방대한 양의 자료를 보유하고 계신 탓에 일부만 캡처했습니다.
아무튼! 보시는 바와 같이 여느 블로그에나 기본적으로 적용이 되는 [공지사항/프로필 영역/인기글/최근글/최근댓글]등과 같은 모듈은 포스팅이 업로드 될 때마다 자동으로 업데이트가 됩니다. 그리고 [메인콘텐츠/최애상품들] 모듈은 친효님께서 HTML 작업을 통해 직접 세팅하신 화면으로 중요하게 소개하고자 하는 글을 사용자가 직접 설정할 수 있으며, CPS와 같은 광고 게재로 응용을 할 수가 있다는 장점이 있습니다.
메인화면의 카테고리 중 일부만 캡쳐해왔습니다. 위와 같이 관리자 모드에서 사용자가 원하는 카테고리를 선택하여 방문자들에게 소개를 할 수 있습니다. 그리고 위 빨간 박스처럼 글 목록 사이에 애드센스 광고를 넣을 수 있습니다. 언뜻 보기에는 블로거가 게시한 포스트의 일부처럼 보여서 광고라는 느낌을 최소화 시킬 수 있습니다.
친효스킨은 위 사진처럼 마우스 포인터를 글 목록에 올려놓으면 테두리가 진한 주황색으로 변하면서 해당 글의 썸네일 이미지(대표 이미지)가 돋보기처럼 살짝 확대되는 이펙트가 생깁니다.
블로그의 메인화면, 또는 포스트를 보고있는 화면에서 마우스 스크롤을 올렸다 내렸다하면 위에 보이시는 것처럼 상단쪽에 주황색 그래프가 늘었다 줄었다하는 효과가 생깁니다.
친효스킨은 메인화면이나 카테고리, 그리고 사이드바에 적용되는 반응형 효과도 보기 좋지만, 이 스킨의 꽃은 바로 글의 본문에 있습니다. HTML 태그 사용이 처음이시거나 익숙치 않으신 분들은 많이 힘드실 수 있으나, 친절한 효자손님의 블로그에 들어가셔서 공부해보시면 금방 따라하실 수 있을겁니다. 그러면 글 본문 상에서는 어떤 기능들을 사용할 수 있는지 보여 드리겠습니다.
-------------------------------------------------------------------------------------------
텍스트에 '진하게(Bold)' 효과를 주었을 때
텍스트에 '진하게' 효과와 색을 입혀 주었을 때
부연 설명을 위해 '접은글' 기능을 사용했을 때(더보기 버튼 클릭해보세요)
아,,,, 스킨이 너무 완벽한 스킨이라 소개해드릴게 너무 많네요...! 자고싶다...ㅠㅠ
밑에 마우스 포인터를 올려 놓아보세요!!
-------------------------------------------------------------------------------------------
정말 장난아니죠? 이렇게 부가적인 효과들을 통해 여러분들이 작성하는 글의 퀄리티를 훨씬 더 높일 수 있습니다. 저도 바로 이런 기능들에 매료되어 친효님의 스킨을 사용하고 있는데요. 지금까지 정말 많은 스킨들을 봐왔지만 이보다 더 괜찮은 스킨은 없다고 생각합니다! 물론 개개인의 취향 차이는 있겠으나 아마 여러분들도 이 스킨을 보시면 매료될 수 밖에 없지 않을까 생각해봅니다.ㅎㅎ
사실, 친효님의 스킨에는 제가 이 글에서 소개해드린 것들보다 훨씬 더 많은 기능들이 있습니다. 제가 여기서 소개해드린 것들은 친효님께서 올려주신 내용들 중, 제가 제일 맘에드는 것만 쏙 빼와서 사용을 하고 있는 중입니다. 아래에 친효님의 블로그 좌표를 남겨드릴테니 여러분들도 꼭 방문하셔서 살펴보시기 바랍니다. 긴 글 읽어주셔서 감사합니다.
