본문 바로가기

반응형 티스토리/FastBoot

FastBoot 갤러리형 / 리스트형 / 심플타이틀형 모드 선택 추가

FastBoot의 카테고리 모드


  yongzz님이 포스팅한 쿠키유지에서 아이디어를 얻어 제작해보았습니다. 다만 FastBoot은 그냥 레이아웃만 살짝 바뀌는 것이 아니라 아예 DOM구조를 다르게 하는 방식으로 구현하였습니다.  현재 본 블로그에 적용되어 있으니 한번 쿠키 유지되는지 확인 부탁드립니다. (한번 모드를 바꿔놓으면 계속 유지가 되는지)

  그리고, IE8에서는 갤러리모드가 무거워서 아예 안뜨게 했습니다. 결국 onasaju님께서 제안하신 둘돠~를 넘어서 세가지 모드를 추가하게 되었군요.

  기본모드는 갤러리형 모드로(IE8은 리스트모드) 되어있지만 사용자분께서 간단한 수정으로 기본모드를 선택할 수 있게 할 예정입니다. 

  아래 링크와 스크린샷 첨부하니 확인해보세요~


작동 데모: 본 블로그 or http://fastboot.tistory.com/category


List모드 (v1.3모드)


 하나의 모드만 적용해서는 모든 FastBoot 유저분들의 욕구를 채워드릴 수 없을 것 같아 결국 3가지 모드를 추가시켰습니다. 아예 썸네일이 없는 Title 모드도 존재합니다. 물론 기존보다는 무거워질 것입니다만(아무래도 3가지를 선택할 수 있게 되다보니 3가지에 대한 코드가 다 들어갈 수밖에 없습니다), 그래도 적어도 무조건 갤러리형은 아니라서 필요에따라 맞는 사이즈의 이미지를 로드하게 되었습니다.



Simple Title모드 (v1.1모드)



갤러리 모드


  • 알 수 없는 사용자 2014.03.16 01:21

    WoW ~ 대단하시네요... 한가지도 아니고, 두가지도 아니고... 무려 세가지씩이나 사용자가 선택할 수 있게 해 주시다니... 넘 감사하네요 ㅎㅎ 쿠키 유지는 바로 확인 해 봐야겠네요. 다음 버전으로의 진행 작업이 굉장히 빠른거 같아요 ㅎㅎ

    • BlogIcon Readiz 2014.03.16 01:33 신고

      한동안 ie7 문제 잡고 있었는데 해결될 기미가 보이지 않아서..
      같게는 안보이더라도 그냥 내용만 볼 수 있게라도 overriding을 해야겠다는 계획중입니다.

    • 알 수 없는 사용자 2014.03.16 01:36

      역시 IE 구버전 녀석들이.... 항상 발목을 잡네요... ㅜㅜ;; 저도 이제 블로그 스킨 수정하는 부분들은 거의 끝나서... 이제는 블로그 안정화 할 수 잇는 요소들에 대해서 좀 더 배워보고... 적용을 해 봐야겠네요..

  • BlogIcon 곰선생 2014.03.16 10:56 신고

    개인적으로는 리스트모드 1.3이 가장 나은것 같아요^^ 갤러리형이 보기엔 좋지만..

  • BlogIcon 훈솔 2014.03.23 16:02 신고

    와우대박이네요 !!

  • BlogIcon Super Ant 2014.04.05 19:55 신고

    제가 1.5.1을 사용중인데 저... 갤러리, 리스트, 타이틀 형식이 왜 보이지 않을까요 ?
    카테고리에 전체보기를 누르면 그냥 포스팅이 뜨는데 .. 뭐가 문제일까요..

    • BlogIcon Readiz 2014.04.05 19:59 신고

      화면설정 들어가셔서 목록만 체크하셔야해요!!
      http://blog.readiz.com/173
      티스토리에서 스킨 제작자가 이 부분을 목록만으로 기본값을 설정하지 못하게 해두어서, 어쩔 수 없이 적용하시는 분께서 한번 세팅을 해야 합니다. ㅠㅠ

    • BlogIcon Super Ant 2014.04.05 20:06 신고

      아 포스팅 내용중에 있었군요! 제가 못찾아봤었네요.. 감사합니다 !!

  • BlogIcon Cooltime 2014.04.05 23:55 신고

    Readiz 님 때문에 스킨을 적용해서 잘 사용중입니다.
    헌데, 기본이 갤러리 모드로 보여지는데, 이것을 심플타이틀로 보여지게 설정할 수 있습니까?

    • BlogIcon Readiz 2014.04.05 23:57 신고

      방금 위에도 링크 걸었는데요.. ㅎㅎ
      http://blog.readiz.com/173
      왠만한 커스텀은 강의에 다 있으니 다른것도 질문전에 한번 찾아보시면 더 빨리 답을 얻으실 수 있습니다~

  • 익명 2014.05.07 19:56

    비밀댓글입니다

    • BlogIcon Readiz 2014.05.07 20:00 신고

      단순히 적용한게 아니라 최근글 목록과 연계되어 있는 알고리즘이기 때문에 따로 그 부분만 떼어내기는 어렵겠습니다. 제가 혼자 개발하고 있는 스킨이라서, 현재는 FastBoot 하나만 완벽하게 관리하려고 합니다. 나중에 FastBoot 개발이 안정화되어 끝나게 되면, 다른 스킨으로의 적용법에 대해서도 다룰 생각이 있습니다만 현재로서는 어렵겠습니다.

  • BlogIcon 부동산정보24 2014.08.30 00:45 신고

    문의 드립니다.
    잘 사용하고있는데 .... 모바일에서 메인화면 이미지가 너무 크게나와서 이미지만 작게해서 2줄이면 2줄 3줄이면 3줄씩 정렬하여 클릭시 포스팅이동형식으로 등등요....좀더 작게 변형이 되는지요? pc에서 보는것보다 이미지가 터커보입니다.
    아니면 모바일로갈때 메인화면은 리스트형으로 시도했지만 안됩니다.(메인화면에서...)