어느덧 블로그를 운영한지 5년 6년 정도 되었습니다. 그동안 여러번의 스킨 변경을 했었는데... 처음 호기심에 이런저런 스킨을 적용시켜 본 경우를 제외하면 모두 2단 스킨만 사용해왔었습니다. 사실 2단 스킨은 거의 국민스킨이라고 볼 수 있을 정도로 안정감 있는 배치입니다. 그동안 별다른 불편함없이 2단 스킨만을 쭉 사용하다가 작년 말부터 마크쿼리님의 스켈레톤 반응형 스킨을 접했습니다. 마크쿼리님 스킨은 2단 스킨인 스켈레톤과 1단 스킨인 두비두 2가지 버전이 있는데, 2단 스킨을 유지하고자 스켈레톤으로 적용 후 지금까지 왔었습니다. 마크쿼리님의 스킨은 반응형에 장점이 있을 뿐만 아니라 마크다운 언어로 마크업하여 콘텐츠를 디자인할 수 있어서, 저 역시 마크다운으로 마크업해서 많은 포스팅을 했었습니다. 마크..
티스토리 반응형 스킨의 대세 마크쿼리 스킨이 3.0.5로 버전 업되면서 소소한 변화가 있었는데, 업데이트 내역 중 가장 반가운 것은 반응형 티애디션입니다. 반가운 마음으로 반응형 티애디션을 적용하였습니다. 사실 마크쿼리 스킨에서 그동안 한가지 흠이 있던게 바로 티애디션이었습니다. 블로그 메인페이지는 사람으로치면 얼굴이나 첫 인상이라 할 수 있을만큼 중요한 곳인데, 스킨의 모든 부분이 반응형이지만 티애디션 자체에서 반응형을 지원해주지 않앗기 때문에 메인페이지가 반응형이 아니었습니다. 그러나 이제는 티애디션까지 반응형으로 설정할 수 있게 되면서(게다가 깔끔한 디자인!) 거의 완벽에 가까운 반응형 스킨이 된 듯 합니다. 제가 사용하는 버전은 마크쿼리 스킨 스켈레톤 2버전이며, 현재는 3버전까지 릴리즈 되어있는..
티스토리 블로그 티애디션 타이틀을 이미지로 적용하기 오늘은 티스토리 블로그의 티애디션에서 표현되는 타이틀을 텍스트가 아닌 이미지로 적용하는 방법을 알려드립니다. 저 또한 과거 오래도록 티애디션의 타이틀을 이미지화 시켜 적용하였던 적이 있으며, 최근에도 티애디션의 타이틀을 이미지로 적용하고자 하시는 분들이 많은 것 같습니다. 즉, 수요가 있지만 티스토리 자체에서는 그 어떠한 가이드라인이나 방법론이 제시되지 않고 있기 때문에 블로거 개개인이 직접 수작업으로 HTML 소스코드를 수정하는 방법 외에는 마땅한 대책이 없는 실정입니다. 티애디션의 타이틀을 이미지로 적용한 모습 ▲ 티애디션의 타이틀을 이미지로 적용한다는 것은, 자신의 블로그 첫화면을 티애디션으로 구성한 다음 마치 잡지나 컬렉션, 카탈로그처럼 독자에게..
티스토리 티애디션은 반응형이 안된다? NO! 티스토리 티애디션 반응형에 어울리도록 적용하는 방법 티스토리에서 제공 중인 티애디션은 플래쉬 등을 이용하는 시스템이기 때문에 기본적으로 반응형에는 어울리지 않습니다. 하지만 티애디션을 제외하면 티스토리 블로그의 첫 화면을 깔끔하게 꾸미기가 상당히 힘들어서 티애디션 중에서도 반응형이 어느정도 가능한 아이템들 위주로 만드는 것이 일반적인 방법인데요. 며칠간 다양한 방법으로 티애디션을 테스트해보았습니다. 지금 제가 사용 중인 Skeleton 이나 마크쿼리 ↩님이 배포하고 계시는 스킨을 사용하는 블로거분들의 티애디션도 많은 참고를 했습니다. 대부분의 블로거분들이 티애디션의 사이즈 자체를 줄여서 모바일에서도 적당한 사이즈로 보이게끔 적용하고 계시더군요. 하지만 제가 P..
티애디션 헤드라인형 최신글 목록 1개로 고정하기(item-310430) 티스토리 블로그의 첫화면에서는 티스토리에서 제공해주는 티애디션을 많이 사용합니다. 티애디션을 제외하면 블로그의 첫화면을 관리하고 예쁘게 만들만한 시스템이 마땅히 없는 실정입니다. 또한, 티애디션의 에디터는 간략하고 초보자도 쉽게 사용할 수 있도록 제작되어 있어 보편적인 경향을 띄기도 합니다. 티애디션에는 여러가지의 아이템이 있습니다. 여기에는 총 4개의 구분이 있는데, 헤드라인형, 목록형, 갤러리형, 조합형이 그것입니다. 이것은 티애디션을 실행 후 하나씩 클릭해보면 미리보기가 되기 때문에 별도의 설명이 필요하진 않습니다. 이 중에서도 블로그의 최신글을 헤드라인으로 크게 보여주는 형태가 바로 헤드라인형인데요. 많은 티스토리 블로거분들이..
