블로그를 사이트로 보이게하는 Second Navigation

Posted by Readiz
2014.04.11 05:59 반응형 티스토리/FastBoot


이 글은 다음버전 FastBoot과 연관이 있습니다.



Second Navigation for Desktop


  사실 이걸 뭐라고 불러야하는지는 잘 모르겠습니다. 일단은 제 편의대로 Second Navigation이라고 부르기로 했습니다. 전에 있던 Breadcrumb와 카테고리 하위 메뉴들을 합쳐서 하나의 Navbar로 만들어보았습니다. 이제 이게 추가되면 상단바에 카테고리를 추가하려고 안하셔도 괜찮을 듯 합니다. ^^;


Second Navigation


  이 기능 구현은 엑수시아님(http://zion437.tistory.com/337)이 올려주신 내용을 참고하여 제작하였습니다. 넣고보니 왜 진작에 넣지 않았나 하는 생각까지 들 정도네요. 이 기능 역시 카테고리가 자동으로 메뉴에 들어가는 것이기 때문에 따로 손대셔야 할 코드는 없습니다. 언제나 스킨 적용이 쉬워야 한다는 것이 FastBoot의 모토이기 때문에..


  현재로서는 이 Second Navigation을 모바일에서도 출력을 시켜야 하는지 의구심이 들어서, 일단은 보류해둔 상태입니다. 어차피 모바일에서는 Offcanvas가 있기 때문에, 필요하지 않지 않을까 하는 생각이 있는데.. 좀 더 고민해보아야겠습니다.

  저게 중간에 딱 들어가니까, 블로그가 좀 사이트같은 느낌이 들지 않나요? ^^;


 

  이제 구현해야하는 남은 1.6버전 기능들은..

  1. 티에디션 손 안대고 RSS로 채워넣기
  2. /media RSS로 채워넣기
  3. Fast TSlide (반응형스킨 티에디션용 슬라이드 쇼 - 이미지 효과[blur, brightness] 고민 중)
  4. 사이드바 링크 팝업 수정
  5. iOS hover속성 수정
  6. 적합하지 않은 애니메이션 없애기
  7. 카테고리 갤러리 속도 개선 (랜더링 끊어지는 현상 잡기)




Fast TSlide



  빨간줄 쳐놓은걸 제 마음대로 한번 Fast TSlide라고 이름붙여 보았습니다. 티에디션에 그동안 Masonry로만 이루어져 있어서 반응형 스킨의 경우에는 티에디션이 좀 심심했는데, 이게 추가되면 좀 나아지지 않을까 싶네요. :) 이건 다른 스킨에도 적용 가능합니다. 이건 FastBoot v1.6 전에 공개할 생각입니다. 아직 좀 맘에 안드는 부분이 있어서 수정 중에 있습니다.



저작자 표시 비영리 변경 금지
신고
이 댓글을 비밀 댓글로
  1. 오호 왠지 익숙한거같기도하고 ㅎㅎ
    기대할께요 ㅎㅎ
  2. 위의 기능이 추가되면, 두마리 토끼를 잡는 효과가 있겠네요. 상단에 메뉴를 추가해서 가로폭이 줄어들었을 때, 검색창이 밑으로 내려와 ... 상단 네비게이션 바가 본문 영역을 침범하는... 등의 문제까지 해결이 가능하겠네요.

    매번 버전업이 될 때마다,,, 기대하게 만드는 새로운 기능들이 추가 되는군요 ㅎㅎ 그 기능 추가 하나로 이전 버전에서 문제시 됐던 사항들도 해결 가능하게 되서... 일석이조의 효과를 ㅎㅎㅎ

    그리고 본문 마크업 부분은... 중간정도 진행됐는데.... 조만간에 정리 되는데로 공개하겠습니다 ^^
    • 아예 상단 네비바 문제는 모바일로 진입하는 px를 더 높여버릴까 생각중입니다. 깔끔하게 해결될듯..
      본문 마크업은 다음 버전에 현재 있는것 업그레이드 해서 기본기능으로 추가시켜야겠습니다. ^^
  3. 지금도 아주 멋진 블로그인데 새로운 버전이 많이 기대가 됩니다..^^
    주말 즐겁게 보내세요..!!
  4. 애드센스 광고 중에 300X250 광고를 본문 글 중간에 삽입하는 경우 모바일 가로 사이즈 320에서 광고가 아주 사~알짝 짤리던데요... 본문 중간에 넣고 싶은데 광고가 살짝 짤리는 것 땜시~ 못넣고 있어서 질문드립니다. 아주~ 살짝 짤리는 것도 애드센스에서 문제가 되는지 확실하지 않지만 그래도 걱정이 되서 못넣고 있는데 궁금해서 여쭤봅니다.~
    • 참고로 http://troy.labs.daum.net/ 에서 확인했을 때 아이폰이나 그외 가로폭 320 사이즈에서 본문 내에 삽입한 광고가 짤려보였습니다. 하단에 넣은 광고의 경우에도 약간 짤려보이길래 300보다 작은 사이즈로 교체했습니다.~ 궁금해요~ 스킨이 너무 좋아서 그대로 쓰고 싶은데~ 컴맹이라 어떻게 해야할지 모르겠네요.~ㅠㅠ
    • 300은 안짤리던데요.. 이상하네요 ^^;
      본문에 넣으셔서 그러신듯..
      근데 기기 사이즈땜에 조금 잘리는거면 상관없으실 듯 합니다. ~
      요즘은 오히려 320이 좌우사이즈인 폰이 드물지 않나요?
    • 아이폰 종류 때문에 조금 신경 쓰였네요.^^ 정말 미세하게 잘리는 부분이라~ ㅎㅎㅎ 실제 폰으로 확인한 것이 아니라 다음 트로이로 확인한 것이라 정확하지는 않네요. ㅎㅎ
    • 어찌되었든 저도 본문 여백 문제는 신경을 쓰고 있습니다. 현재도 나름 보기 좋다는 한도 내에서 최대한으로 줄여놓은 상태이구요.. 320의 폭을 가지는 기기라면 좌우로 10/10의 여백까지만 허용된다는 것인데 현재 양쪽 여백이 15/15로 되어있긴 합니다.
      #content {
      padding: 0 10px;
      }
      으로 style.css에 추가하시면 딱 맞는 폭이 나오긴 할 것 같네요.
    • 와우 해결되었습니다.^^ 진작 여쭤볼 걸 그랬습니다. ㅠㅠ 혼자 얼마나 고민을 많이 했던지... 10년은 늙은 듯 하네요.^^ 정말 감사합니다.
    • 스킨 정말 맘에 듭니다.~ 잘 사용할게요. ㅎㅎㅎ 아 맞다... 레디즈님 블로그 모바일로 http://readiz.com/ 접속했을 때 님 티스토리가 클릭이 안됩니다... 제 폰에서만 안되는지 잘 모르겠는데 저의 경우에는 addthis를 달고나서 페이지 로딩 속도가 모바일에서 현저히 저하되었길래 빼버리니까 되더라구요...
    • 개인 페이지에 addthis 빼놨어요.
      사실 쓰고 싶은 서비스는 아닌데 매주 통계를 보내주더라구요. 그래서 뿌듯해서 달아놓고 있죠.. 블로그 글이 공유가 되는걸 볼 수가 있거든요.
    • 네 너무너무 감사드립니다.^^ 다음 버전도 너무너무 기대됩니다.^^ 화이팅이요~ ㅎㅎㅎ
  5. 빨리 1.6 버전이 나오길 기대해봅니다 ^^;;
  6. 최근 Fastboot 스킨 상단 메뉴바 색상 어떻게 변경하는지요...;
    3DA8E4라는데 검색하면 안나오는.....
    • http://blog.readiz.com/145
      1.5.1버전까지 적용됩니다~
      안바뀌면 댓글에 단 내용 참고하시구요.

티스토리 툴바