본문 바로가기

티스토리스킨/포토블로그 스킨

티스토리 스킨 - 반응형 심플 포토블로그2 티스토리 스킨 배포합니다.

반응형

스킨명 : 반응형 심플 포토블로그2 티스토리 스킨



-------------------------------------------------

2019-08-29 - 버전 1.5 업데이트 안내


메이슨리 기반이어서 구조적인 한계때문에, 또 구현 스킬 부족으로 구현하지 못하거나 버그성이었던 부분들이 모두 패치되었습니다.

살짝 살짝 아쉬운 부분이 있지만, 버전 2에서 대규모 업데이트를 하기전까지 스킨을 사용하는데 문제가 되는 부분들을 모두 패치했습니다.

이전 버전 사용자 분은 업데이트를 꼭 하시기 바랍니다.

-------------------------------------------------




- 커버 기능 지원하지 않습니다. 심플한 포토 블로그에 적합합니다.


- 구글 이미지 검색 결과처럼 가로형으로 정리되어 배치된 레이아웃으로 화면출력을 합니다.


- 가로로 넓은 글을 쓰기에 적합한 1단 레이아웃을 사용합니다.


- 반응형 스킨으로 모바일 및 타블렛 대응 됩니다.


- 폰트어썸 벡터 아이콘 사용


- 레이아웃 최대 너비는 1160px 이며, 기본 글쓰기 너비 설정은 800px 입니다.


- 글 목록 썸네일 갯수는 9개 이상을 추천하며, 표시되는 썸네일 이미지 크기 및 가로/세로 비율에 따라 한줄에 표시되는 이미지의 갯수는 가변입니다.


- 모바일 대응 화면 외에는 데스크탑 출력 화면 그대로 가로 너비가 줄어드는데 따라 이미지 크기도 함께 줄어듭니다.





미리보기 상태에서 브라우저 너비를 변경하면 반응형으로 레이아웃이 변하는 것을 확인할 수 있습니다.






설치 주의사항


1. index.xml 파일을 반드시 업로드해야 합니다. 티스토리 신스킨은 스킨 옵션 설정을 위해 반드시 이 파일이 필요합니다.


2. script.js 파일 업로드 후에는 웹브라우저 캐시 소거를 한번 해주시기 바랍니다. 브라우저 환경에 따라 구 사용 스킨의 자바스크립트 파일이 캐시에 남아 자바스크립트가 정상 동작하지 않는 경우가 있습니다.

사이드바 메뉴가 펼쳐지지 않는다거나 할 경우 캐시 소거를 하면 됩니다.




스킨 설치 방법



반응형
  • 비밀댓글입니다

  • 비밀댓글입니다

  • 비밀댓글입니다

  • 비밀댓글입니다

  • 비밀댓글입니다

    • 스킨이 1.5버전으로 패치되었습니다.
      스킬이 부족하던 시점에 제작된 스킨이어서 이런저런 부족한 부분이 있었습니다.

      확인된 버그들과 모바일 환경에서 부족한 부분들을 모두 개선했습니다.

      모바일에서 스크롤 하면 상단에 메뉴 아이콘과 타이틀, 검색 아이콘이 고정으로 붙도록 했습니다.

      살짝 살짝 아쉬운 부분들이 있는데, 메이슨리 기반이어서 구조상 손을 대기 너무 복잡해지는 부분들은 버전 2 업그레이드 때 구조를 손을 봐서 새스킨으로 변경할 예정입니다.

  • 비밀댓글입니다

    • 아마 한줄에 4개를 뿌리고 싶으셔서 너비를 강제로 넓히신 것 같은데, 이 스킨은 메이슨리라는 자바스크립트 라이브러리와 자바스크립트로 동적으로 레이아웃을 만들기 때문에 임의로 이미지 줄당 이미지 갯수를 설정할 수 없습니다.

      또, 자바스크립트 코딩을 할 줄 모르시면 스킨 레이아웃 수정이 거의 불가능합니다.

      일정한 크기로 사진을 올리시는 거면 최근 올라온 스킨이나, 메이슨리 기반이 아닌 스킨 사용을 추천합니다.
      레이아웃 크기나 줄당 이미지갯수 등을 css 변경만으로 대부분 조정이 가능하기 때문에 자바스크립트를 몰라도 수정이 가능합니다.

      이 스킨은 한줄에 4장씩 이미지를 일정하게 임의로 넣는게 불가능한 스킨입니다.

      가이드라는건 어떤걸 말하는건지 모르겠습니다.
      사이드바 섹션을 말하는게 아닌가 싶기는 한데...
      가이드2라는게 어떤걸 말하는건지 다시 설명을 해주시면 좋겠습니다.


      스킨이 1.5버전으로 패치되었습니다.
      자잘하게 있던 버그들과 모바일 사용성을 개선한 버전입니다.
      이 스킨을 계속 사용하실 경우 패치를 꼭 하시길 권합니다.

  • 비밀댓글입니다

    • 패치된 1.5 스킨 기준으로
      skin.html 440행 밑에 새줄을 만들고
      아래 내용을 붙여넣어보세요.

      스킨을 수정한 경우
      <div class="wrap-left" id="wrap-left">
      요행을 검색해서 바로 아래에 빈행을 만들고 붙여넣으면 됩니다.

      <div class="wrap-left" id="wrap-left">
      <div id="footer_category" class="box_aside">
      <div class="tit_aside">Category</div>
      <div class="category">

      </div>
      </div>


      카테고리가 하단에도 붙어 보입니다.

      다만 카테고리 아이템 갯수가 많아 세로로 길거나 하단에 표시되는 사이드바 섹션 갯수가 홀수가 되면 짝이 안맞거나 밀리는 현상이 나올 수 있으므로 기존 사이드바 섹션 갯수를 하나 줄여줘야 할 수도 있습니다.

  • 비밀댓글입니다


닫기