인스타그램처럼 블로그를 꾸미는 텀블러 테마 「mirror」

티스토리에는 스킨이 있듯이, 텀블러에도 테마라는 것이 있습니다. 텀블러 테마를 참고하여 티스토리도 꾸밀 수 있고, 티스토리를 텀블러처럼 꾸밀 수 있습니다. 그 구조를 이루는 것은 HTML과 CSS 그리고 자바스크립트 언어로 본질적으로 같기 때문입니다.

다른 점이라고 하면 티스토리에는 치환자를 사용한다는 점과 페이징 기능 등 기본적으로 제공하고 있는 기능들이 있다는 것입니다. 텀블러의 경우에는 티스토리보다 다소 무겁다는 단점이 있기도 하고 조만간 시간이 된다면 이 테마를 참조하여 티스토리 스킨으로 제작 및 배포를 해보면 어떨까 생각이 듭니다.

 

티스토리에 없는 기능이라고 하면 텀블러에는 아카이브 기능이 있습니다. 이외에는 태그라던가 포스팅 기능은 일반적으로 동일합니다. 따라서 전면은 인스타그램처럼 본문의 작성한 글들이 보여지게끔 하고, 카테고리에 따라 같은 방식으로 본문을 표현하면 좋을 것입니다. 이미지의 경우에는 단일 이미지로 제공을 하되, 여러개의 이미지는 슬라이드 형식으로 첨부하게끔 할 수 있겠습니다.

또는 보여지는 썸네일 방식을 위의 인스타그램처럼 바꾸고 이미지를 클릭하게 되면 티스토리 본문 글로 링크가 되겠금 꾸미는 것도 괜찮다고 생각이 듭니다. 전체적으로 UI/UX 디자인을 인스타그램에서 그대로 가져왔기 때문에 거의 동일하다고 보면 될 수 있고, 이외에 추가할 수 있을만한 동적 애니메이션 부분을 고려해보면 좋을 듯 합니다. 또한, 티스토리 내에서도 분명히 장점이 있고, 마찬가지로 애드센스를 활용한 부가적인 수익도 함께 생각하기 때문에 그러한 섹션을 사이드바나 본문에 인피드 광고 형식으로 구성하면 더욱 좋을 것 같습니다.

 

mirror : preview / code

a desktop instagram inspired theme

features:

• 500px-wide posts, responsive on smaller screens
• image carousel for photosets
• header with search bar, and optional ‘profile’ link
• infinite scroll or pagination
• 60px optional sidebar icon
• optional captions and tags on index page
• optional box for sideblogs or recommended blogs, idk you can be creative
• box with 3 custom links, customizable icons
• tag/extra link list generated by tumblr pages

notes:

• please don’t ask me how to edit different post sizes
• manual load or regular photosets are not available
• the instagram accent colors aren’t customizable on purpose, but feel free to go into the code if you want to change them
• since tumblr is a poo and hasn’t updated their desktop structure, this theme does not display mobile-posted entries normally. they will look funky. please turn off ‘use new posts types’ in the tumblr customization panel

 

ㅡ PostScript

국내 티스토리 개발자가 별로 없습니다. 꽤 많은 티스토리 스킨을 찾아보긴 했지만, 일단 유지보수를 하는데도 어렵고 그에 대한 보상을 기대하기가 어렵습니다. 간혹, 유료스킨을 통해서 판매를 하고 있지만 현실적으로 보면 티스토리 스킨을 만들어서 무료배포든, 유료로 판매를 하든 그 시간에 다른 것을 하는 것이 더욱 이득입니다.

그러기에 굳이 티스토리 스킨을 배포할 이유도 없다는 것이겠죠. 그렇기 때문에 다양한 티스토리 스킨들을 제작하는 분들을 위해서 응원과 꾸준한 관심이 필요한 법입니다. :-)