본문 바로가기

컨텐츠/티스토리 스킨

반응형 그리드 1단 940 티스토리 스킨 배포합니다.

고정형 너비를 원하는 분이 있어서

앞서 배포된 반응형 그리드 1단 스킨을 레이아웃 너비를 940px 로 고정해서 변형을 준 스킨입니다.

컬러를 최대한 배제하고 미니멀하게 보일 수 있도록 몇몇가지 튀는 부분을 개선했습니다.


->너비 100% 이전 스킨 보기


변경된 사항들은 다음과 같습니다.


  1. 글 목록 썸네일 제목을 1줄로 고정.
  2. 글 목록 글 내용 미리보기 줄 수를 4줄로 고정(모바일은 기존 2줄에서 4줄로 고정)
  3. 글 목록 제목과 내용 줄수가 고정되면서 하단에 불필요하게 여백이 남는 문제가 사라졌습니다.
  4. 레이아웃 전체 좌우 여백을 40px 에서 30px로 줄여서 조금더 컴팩트하게 레이아웃이 잡히도록 했습니다.
  5. 배경색을 흰색으로 조정했습니다.


스킨 미리보기



* 미리보기시 브라우저 창 크기를 줄이면 모바일 반응형 화면을 확인할 수 있습니다.


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

1.0.1 Patch - 이웃추가 링크에 버그가 있어 패치되었습니다.

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


reactive_single_grid_940_1.0.1_blogpack.tistory.com.zip






  • 비밀댓글입니다

    • 에러메시지 때문에 오해가 생기는 듯한데 스킨하고는 아무런 관련이 없는 에러입니다.

      rss에 출력되는 내용에는 스킨과 관련부분들이 없습니다. 본문 컨텐츠 내용만 rss로 뿌려집니다.

      rss 등록을 하면 네이버웹마스터에서 가끔 이해안되는 메시지를 띄우는데 그중 하나입니다.
      원인은 rss 내용이 길이가 너무 길거나, 또는 해석못하는 내용이 있거나 한 경우에 이런 메시지를 토해냅니다.

      브라우저에서 님블로그url/rss 를 해보시면 rss 내용이 주욱 출력되는데 이 길이가 너무 길거나(rss 특정 항목 길이가 여기에 해당되거나) 해석 못하는 경우가 생기는 것입니다.

      몇번 반복해서 올리다 보면 되기도 하고 갯수를 좀 줄여보면 되기도 하고 그렇습니다.
      몇번 반복해서 시도해보시고...
      안되면
      블로그 관리화면 관리 > 블로그 > 기타설정에서 10개로 설정된걸 5개 정도로 줄여서 등록을 해보시기 바랍니다.
      그래도 안되면 1개로 줄여보시고...

    • 아 그렇군요, 자세한 설명 감사드립니다.
      방금 말씀하신데로 수정 후에 시도했더니 잘 되네요. 정말 감사드립니다!
      좋은 하루 되세요 : )

  • 비밀댓글입니다

    • 이 스킨은 기본적으로 포토갤러리형이라 글에 이미지가 있어야만 레이아웃이 맞습니다.
      이미지가 없는 경우 개별 썸네일 하단에 여백이 생기는 구조적인 한계가 있습니다.
      높이를 가변으로 하면 밑줄 포스트 썸네일 정렬이 깨지거나, 여백이 생겨 붕 떠 보이는 문제가 있기 때문에 현재 구조가 최적입니다.
      아니면 메이슨리를 쓴 다른 스킨을 쓰시면 가변형으로 적용이 가능합니다.

      메인 하단에 불필요하게 여백이 더 붙는 것은 최소 높이값이 정해져 있기 때문입니다. 썸네일이 1줄만 있으면 이 최소 높이때문에 더 늘어져 보이는 것입니다.
      최소 높이를 없애거나, 2줄이상 포스트 썸네일이 생기면 자연스럽게 해결됩니다.

      최소 높이는 style.css 파일의
      51행에서
      min-height:858px;
      요걸 삭제하면 불필요한 여백이 붙지 않습니다.

    • 2018.12.10 21:43 댓글주소 수정/삭제

      비밀댓글입니다

    • 목록에 표시하는 글 목록 갯수 설정은 티스토리 스킨 편집 환경설정에서 합니다.
      블로그 관리자 화면 > 꾸미기 > 스킨편집
      선택해 들어가면 오른쪽에
      홈설정, 기본설정에의
      홈화면 글수와 글목록 글수의 갯수를 조정해서 설정합니다.

  • 비밀댓글입니다

  • 비밀댓글입니다

  • 비밀댓글입니다

    • 1번 2번은 대충 이해가 가는데 3번은 쓰신 내용이 이해가 되지 않습니다.
      다른데서 보신거면 샘플이나 레퍼런스가 있으면 url을 찍어주시면 일부라도 수정하는데 도움을 드릴 수도 있을 것 같습니다.
      1, 2번도 마찬가지로 원하시는 레이아웃이거나 위치를 잡은 레퍼런스 블로그 같은걸 찍어주시면 이해가 좀더 쉽지 싶습니다.

  • 비밀댓글입니다

  • 비밀댓글입니다

    • 카테고리가 펼쳐지지 않는건 웹브라우저 캐시가 남아있어서 자바스크립트 파일 업로드한 내용이 반영이 안된 것입니다. 웹브라우저 캐시를 소거해 보시기 바랍니다.
      아니면 images 폴더 안의 자바스크립트 파일(script.js)을 업로드 하지 않은 것입니다.

      메인 썸네일 목록에서 본문 내용을 빼시려면 skin.html 의
      226행
      <p class="txt_post"></p>
      부분을 지우시면 됩니다.

  • 비밀댓글입니다

  • 비밀댓글입니다

    • 적용하신 블로그 URL을 알려주세요.

      https://skintestor.tistory.com
      에 테스트용으로 해당 스킨을 적용했는데
      별다른 이상은 없는 것으로 보입니다.
      스킨 css를 커스터마이징 한게 아니시면 살짝 버그일 가능성도 있겠지만, 테스트해본바로는 별 문제는 없어보입니다.

  • 비밀댓글입니다