본문 바로가기

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

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

티스토리 스킨 107 : 반응형 2단 포블



* 헤더 영역이 좁게 만들어 컨텐츠에 집중할 수 있게 한 포토블로그 스킨입니다.

  한행에 썸네일 2개, 또는 3개를 배치할 수 있는 스킨으로, 사진 중심의 블로그 운영에 좋은 스킨입니다.


  • 컨텐츠 영역 너비를 860px(기본), 760px(좁게) 중에서 선택할 수 있습니다.
  • 커버 기능은 커버 리스트 기능만 제공합니다.
  • 사이드바 배치 위치를 왼쪽, 오른쪽 중에 선택할 수 있습니다.
  • 카테고리 메뉴를 헤더, 또는 사이드바에 배치할 수 있습니다. 블로그 타이틀이 길거나, 헤더에 위치한 카테고리 갯수가 많으면 타이틀과 카테고리가 겹칠 수 있습니다. 이런 경우 카테고리를 사이드바에 배치해야 합니다.
  • 글목록 썸네일을 1행에 2개, 또는 3개로 배치할 수 있습니다.
  • 글자 간격을 기본, 좁게 중 선택할 수 있습니다.
  • 스킨에 포함된 index.xml 파일과 images 폴더 안의 script.js 파일 및 이미지 파일을 모두 업로드해야 스킨 레이아웃이 정상 동작합니다.


 




스킨 옵션 설정

 

스킨 옵션 설정은 티스토리 관리자 왼쪽 메뉴의 "스킨편집" 을 클릭하면 됩니다.



* 이미지를 클릭하면 옵션 항목들을 자세히 볼 수 있습니다.



 

패치 내역

 

  • 없음


설치 주의사항

 

  • 스킨 적용시 index.xml, 그리고 images 폴더 안의 script.js 파일을 반드시 업로드해야 스킨이 정상 적용됩니다.
  • 파일 업로드 후에는 웹브라우저 캐시를 한번 소거해야 바로 스킨이 정상 반영됩니다.


  • 모바일로 볼 때 글 내용 글자 크기가 작던데, 크기를 키울려면 어떻게 해야되나요?

    • 스킨은 기본적으로 데스크탑 화면과 모바일 화면이 동일한 글자크기를 사용합니다.

      스마트폰쪽에서 글자가 작아보인다는게 같은 글꼴 크기여서 더 키우고 싶은건지 아니면 데스크탑 화면보다 현저히 글자 크기가 작게 보인다는 건지 모르겠습니다.

      폰으로 블로그에 들어간 바로는 글자가 특별히 작게 보인다거나 한 것은 없어 보였습니다.

      모바일도 마찬가지지만 기본 글자 크기는 1em, 그러니까 16px가 기본 크기입니다.
      배포하는 스킨들은 대부분 0.9375em, 15px을 문단 기본 글자 크기로 사용합니다.

      글 내용 문단 기본 글자 크기를 더 키우시려면 style.css 1833행
      .entry-content p {
      의 글자 속성을
      0.9375em -> 1em
      으로 변경하면 약간 (1px) 커지게 됩니다.

      마찬가지로 모바일만 문단 기본 글자 크기를 더 키우고 싶다면
      1833~1837행을 복사해서( .cntry-content p{} )

      @media screen and (max-width:767px) {

      이 행을 검색해서
      이 행 밑에 넣어주고 글자 크기(font-size)만 변경해주면 모바일에 별도로 문단 기본 글자 크기를 지정해줄 수 있게 됩니다.


닫기