본문 바로가기

티스토리스킨/심플형 스킨

티스토리 스킨 - 반응형 심플 타이포A 티스토리 스킨 배포합니다.

스킨명 : 반응형 심플 타이포A 티스토리 스킨



2020-04-11 ver 1.1.0 patch - 티스토리 시스템의 날짜 표시 방법이 변경되면서 짧은 날짜를 표시하는 자바스크립트 코드가 호환성 문제가 생겨 날짜가 정상적으로 표시되지 않던 버그가 패치되었습니다.

기존 사용자분들은 스킨을 새로 다운로드 받아 적용하거나, 아래 댓글에서 패치 방법을 확인한 후 패치를 하시기 바랍니다.

스킨을 새로 적용하는 경우 스킨 옵션 설정에서 짧은 날짜와 긴 날짜를 선택적으로 표시할 수 있도록 옵션 항목도 추가되었습니다.




- 심플하고 여백이 있는 느낌을 내는 텍스트 중심의 글을 포스팅하는데 적합한 단정한 스킨입니다.


- 왼쪽에 카테고리가 고정되어 있고, 사이드바 메뉴들은 펼침 메뉴로 감추어져 있어 단정한 기본 화면을 제공합니다.


- 배경색과 타이틀 색상을 스킨 추가설정에서 변경할 수 있습니다.


- 커버 기능은 지원하지 않습니다.


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


- 글에 이미지가 없을 경우 썸네일에 빈 이미지 자리를 남기지 않고 텍스트 내용으로 채웁니다.


- 스킨 전체 배경색과 블로그 타이틀 색상을 스킨 옵션 추가설정에서 수정할 수 있습니다.













_설치안내


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


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

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


3. 썸네일 목록 및 글 보기 너비를 넓히려면 style.css 파일의 688행과 708행의 1060px 을 다른 값으로 변경하면 됩니다.

기본 컨텐츠 너비는 710px(1060px - 350px) 입니다. 변경을 원하는 컨텐츠 너비 +350을 해서 입력하면 됩니다.




스킨 설치 방법



  • 안녕하세요 이 글말고 현재 홈페이지에 적용되있는 스킨은 뭔지 알수없을까요?
    반응형에 카테고리가 좌측으로 있는 깔끔한거 찾고 있습니다.

    • 최근에 올라간 민트페이퍼 스킨을 약간 손 본 것입니다.(별 차이는 없습니다.)
      해당 스킨은 사이드바를 좌, 우, 상 아무데나 스킨설정에서 설정할 수 있습니다.

      배경 이미지 날리고 왼쪽에 카테고리 붙이고 상단에 여백 좀 주고 하면 지금 보시는 블로그가 됩니다.

      조금 더 단정하고 심플하게 보이게 하려면 하일라이트 컬러도 조금 어두운 톤으로 조정해주고, 글자 크기도 조금 작게 조정해주면 됩니다.

    • 답변 감사합니다.

  • 감사합니다.
    스킨의 사용 여부는 고민해 봐야 겠는데 일단 테스트용도로 다운로드 받았습니다.
    이쁜 스킨 만들어 주셔서 감사합니다. ^^

  • 안녕하세요 2020.04.11 01:46 댓글주소 수정/삭제 댓글쓰기

    안녕하세요, 올려주신 스킨 잘 쓰고 있습니다.
    그런데 혹시 날짜 수정하는 방법 알려주실 수 있나요?
    지금 일이 10자리 미만일 경우, 2020.4.8이 아니라 2020.4.8.1로 뜹니다

    • 티스토리 날짜 표시 방법이 변경되면서 구 스킨에서 자바스크립트로 날짜를 잘라 표시하던 방식에 문제가 생긴 것입니다.
      스킨은 패치가 되었습니다.
      스킨 원본을 쓰는 거면 새로 다운받아 설치하면 됩니다.
      script.js, index.xml 파일 업로드 후에는 웹브라우저 캐시를 한번 소거해야 바로 반영된 결과를 볼 수 있습니다.
      스킨 옵션 설정에 짧은 날짜 표시 옵션이 새로 생겼습니다.
      스킨을 새로 설치하면 짧은 날짜<->긴날짜를 옵션으로 설정할 수 있습니다.


      기존 스킨을 유지하고 짧은 날짜만 사용하려면
      아래 내용을 수정하면 됩니다.


      1. skin.html 원본 기준

      _article_rep_date_
      ->
      _article_rep_simple_date_
      으로 변경(총 3개 검색됨)

      _notice_rep_date_
      ->
      _notice_rep_simple_date_
      으로 변경(1개)


      2. script.js 원본기준

      8행, 108행 <- 삭제전 미리 위치를 확인하고 정확한 부분을 지우시기 바랍니다.
      setDateFormat();
      삭제(필수)

      182~191행
      function setDateFormat(){
      }
      함수 삭제(선택)


      하면 정확하게 짧은 날짜로 나오게 됩니다.

  • 안녕하세요, 스킨 너무 예쁩니다!
    다만 티스토리 처음 접속시 나오는 메인페이지에서 가장 최신글이 한페이지 전부 출력되도록 하려면 어떻게 해야할까요?
    올려주신 스킨은 홈설정에서 목록 구성요소를 '내용만'으로 설정해도 글목록만 출력되는 형태인것 같습니다.

    • 최신글이 한페이지 전부 출력된다는게 아마도 글내용보기가 목록처럼 전체가 출력되는걸 말하는게 아닌가 싶은데...

      대부분 스킨은 글목록과 글내용 보기가 분리되어있고, 글목록은 썸네일 리스트 형태로만 표시됩니다.

      원하는 스킨이 아마도

      https://apost.kr/473
      https://apost.kr/524
      https://apost.kr/525

      이런 스킨이 아닌가 싶습니다.

      스킨 자체가 구조가 전혀 다르기 때문에 목록형 스킨을 위의 3가지 스킨처럼 글내용 리스트로 뿌리려면 스킨을 별도로 제작하거나 커스터마이징을 많이 해야 합니다.

      배포되는 스킨 중에서 원하는 조건에 맞는 스킨을 골라서 쓰는걸 추천합니다.

  • 스킨 받아 잘 쓰고 있습니다.
    혹시 코드블럭이 <code></code>사이에만 들어가면 작은 블럭도 생성가능했는데
    이 스킨은 코드블럭을 큰 것만 지원하는 건가요?
    큰건 <pre><code></code></pre> 형식입니다.
    코드블럭도 자동으로 몇칸 들여써서 적용되던데 이건 어떻게 변경하면 되나요?

    • 질문하신 내용이 정확하게 이해가 되지 않습니다.
      <pre></pre>
      <pre><code></code></pre>
      의 어떤 지원 사항일 궁금하신건지?

      스킨의 style.css 에는
      .entry-content pre{
      }
      에 대한 배경색과 패딩 여백만 정의되어 있습니다.

      스킨단에서는 코드블럭에 대한 별도의 커스터마징을 하지 않습니다. 기본 브라우저 설정 그대로 출력됩니다.


닫기