본문 바로가기

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

티스토리 스킨 106 반응형 2단 칵투스 다크 스킨 배포합니다.

티스토리 스킨 106 : 반응형 2단 칵투스 다크



* 고정간격 글꼴(나눔 고딕 코딩)을 적용한 IT, 개발, 코딩 블로그에 사용하기 좋은 스킨입니다.

  스킨 옵션 설정에서 고정간격 글꼴(나눔 고딕 코딩) <-> 가변간격 글꼴(나눔 고딕)을 선택할 수 있습니다.


  • 컨텐츠 영역 너비를 830px(기본), 730px(좁게) 중에서 선택할 수 있습니다.
  • 커버 기능은 커버 리스트 기능만 제공합니다.
  • 사이드바 배치 위치를 왼쪽, 오른쪽 중에 선택할 수 있습니다.
  • 헤더 배경 이미지가 스킨 컨셉에 맞춰 설정되어 있으며, 원하지 않을 경우 스킨 옵션 설정에서 끌 수 있습니다.
  • 헤더 텍스트 정렬을 왼쪽, 가운데로 설정할 수 있습니다.
  • 카테고리 메뉴를 헤더 하단, 또는 사이드바에 배치할 수 있습니다.
  • 글목록 썸네일 이미지 크기를 가로 150px, 200px 중 선택할 수 있습니다. 150px 썸네일은 글 내용 미리보기 2줄, 200px는 4줄이 표시됩니다.
  • 글자 간격을 기본, 좁게 중 선택할 수 있습니다. 고정간격 글꼴을 사용할 경우 기본 글자 간격이 넓기 때문에 많은 영역을 차지합니다. 글자 간격을 좁게 설정하면 차지하는 영역이 약간 줄어들게 됩니다.
  • 스킨에 포함된 index.xml 파일과 images 폴더 안의 script.js 파일 및 이미지 파일을 모두 업로드해야 스킨 레이아웃이 정상 동작합니다.


 




스킨 옵션 설정

 

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




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



 

패치 내역

 

  • 없음


설치 주의사항

 

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


  • 멋진 스킨 감사합니다.
    웹프로그래밍 및 프로그래밍 지식이 전무한 티스토리 입문자입니다만 공유해주신 스킨을 적용시

    1. 스킨 옵션 > 테마, 하이라이트 색상 지정 > 색상을 지정 > 페이지 하단의 페이지 숫자 부분은 변경이 되지만 '전체 카테고리 보기'등과 같이
    글 보기 페이지에 표시되는 카테고리 글자색은 그대로 기본 청록색으로 표시되며 변경되지 않습니다.
    2. 사이드바의 위치를 우측으로 설정한 상태에서 블로그 옵션 > 레이아웃 > 카테고리 부분 '사이드바'에 표시'로 설정해도 사이드바에
    카테고리가 표시되지 않습니다.
    3. 해당 스킨을 적용해도 모바일에서 블로그 접속시 티스토리 기본 테마가 출력되어 인터넷상의 도움말에 따라 블로그 관리 > 꾸미기 > 모바일 탭에서 '티스토리 모바일웹 접속' 매뉴를 '사용하지 않음'으로 설정했습니다. 스킨 자체는 잘 표시되지만 스킨 좌측 상단의 '매뉴'버튼과
    우측 상단의 '검색' 버튼이 동작하지 않습니다. 해당 문제로 인해 모바일에서 블로그 카테고리에 접근할 수 없었습니다.

    혹시 해당 부분에 대해 해결 방법을 부탁드릴 수 있을지요

    • 스킨에 포함된 script.js 파일을 업로드하지 않으셨습니다.
      다운로드받은 스킨 압축을 풀면 images 폴더 안에 js파일과 이미지 파일들이 있습니다.
      이걸 모두 업로드해야 합니다.
      스킨편집기 화면 탭중에 파일업로드 탭이 있습니다.
      여기서 업로드하면 됩니다.

      자세한 방법은
      https://apost.kr/27
      이글을 보시면 됩니다.

    • 감사합니다.
      저는 블로그 관리 > 꾸미기 > 스킨 변경 > 스킨 등록 매뉴를 사용하여 압축 푼 폴더 안의 내용물을 한 번에 업로드했었는데 이렇게 하니 말씀하신 파일이 누락되어 있네요.
      알려주신 방법으로 업로드하니 사이드바 카테고리 표시 부분과 모바일 동작 부분은 무사히 해결되었습니다.

      그런데 2번 증상은 제 실수인지 해결하지 못했습니다.
      스킨편집기>공통/페이지>하이라이트,테마 컬러 부분에서 색상을 변경하면 글보기 페이지 하단의 페이지 번호 원형 부분의 색상은 지정대로 변경되지만 스킨편집기 좌측 미리보기 영역에 표시되는 홈 화면 중 글 보기 콘텐츠 영역 상단 (헤더 이미지 아래쪽)의 '전체 글' 과 같은 카테고리 표시 문자의 색상은 ( #2BBC8A ) 색상으로 고정되어 있는 것 같습니다.

      확인 부탁드릴 수 있을지요

      늦은 시간에도 빠르고 상세하게 답변해주셔서 감사합니다. 사정상 밝은 색 스킨을 사용할 수가 없어서 블랙, 다크 톤 스킨을 찾고 있었는데 이 스킨은 물론 공유해주신 다른 스킨들 중에도 마음에 쏙 드는 스킨들이 있었습니다. 잘 사용하겠습니다.

    • '전체 글' 외에 타이틀 색상은 스킨 제작세 하이라이트 색상으로 의도적으로 고정한 것입니다.

      스킨 의도에 맞춰서 고정한 것이고

      제외하려면
      style.css 에서

      .post-header h1 -> 그외 나머지
      .hgroup h1 -> 카테고리

      두개를 찾아서
      color: #2bbc8a;

      컬러 속성행을 지우면 공통 흰색톤 컬러로 돌아옵니다.

  • 안녕하십니까. 덕분에 늘 깔끔한 블로그를 사용하고 있습니다.
    최근들어 프로그래밍 관련 블로그를 하나 더 개설하면서 이 스킨을 선택하고 너무 마음에 드는데요, 좀 더 행복해지기 위해 2가지 수정 방법을 찾고 있습니다.

    1. 글 목록 썸네일이 안 나오는 방법.
    주로 글만 있는 블로그라서 이미지가 없거든요.

    2. 사이드바에 카테고리를 포함시키는 것.

    바쁘시겠지만 조언 부탁 드립니다.

    • 1.
      skin.html
      317~321행
      377~379행
      417~423행

      삭제

      style.css
      1198~1204행
      1383~1389행

      삭제
      1205행 ":nth-child(2)" 삭제
      1390행 ":nth-child(2)" 삭제

      하면 목록에 썸네일이 없어집니다.

      2.
      스킨 편집 옵션 설정 화면에서

      레이아웃 - 카테고리 위치 - 사이드바로 위치를 지정하면 카테고리가 사이드에 나옵니다.

  • 우와 정말 정말 감사드립니다!!!


닫기