본문 바로가기

티스토리스킨/반응형2단 스킨

반응형 민트페이퍼 2단 티스토리 스킨 배포합니다.

스킨명: 반응형 민트페이퍼 2단



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

2019-04-15 1.0.2 패치 - 스킨 설정에 카테고리 위치를 탑메뉴/사이드바 선택 기능 추가. 사이드바 프로필, SNS 아이콘 섹션 표시여부 설정 추가.

2019-04-15 1.0.1 패치 - 스킨 설정에 글목록, 글보기 페이징 타입 선택 기능 추가(아래 설명 참조)

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



- 다양항 스킨 추가 설정이 가능해 다채로운 느낌을 줄 수 있습니다.


- 스킨 전체 레이아웃은 1260px로 넓은 편이며, 컨텐츠 글 영역 너비는 840px 입니다. 에디터 기본 너비도 840px 으로 설정되어 있습니다.




- 스킨 추가 설정 안내


- 글목록,글보기 페이징 타입 : 글목록, 글보기 하단의 페이지 이동 표시 방법을 이전/다음, 또는 페이지 리스트 중 한가지로 선택할 수 있습니다. 페이지 리스트로 할 경우 "목록 더보기" 옵션은 반드시 꺼야 합니다.(수선순위가 목록 더보기에 있습니다.)


- 사이드바 위치 : 사이드바를 왼쪽/오른쪽에 배치할 수 있습니다.


- 사이드바 프로필 보기 : 사이드바에 표시되는 프로픽 영역 표시여부를 선택합니다.


- 사이드바 SNS 아이콘 보기 : 사이드바에 표시되는 SNS아이콘 영역 표시 여부를 선택합니다.

   * 나머지 사이드바 영역은 티스토리 관리자 기능 꾸미기 > 사이드바에서 표시 여부를 지정할 수 있습니다.


- 카테고리 위치 : 카테고리 표시 위치를 탑메뉴/사이드바 중 선택할 수 있습니다. 카테고리가 사이드바에 위치할 경우 상단 헤더 영역이 50px만큼(카테고리가 탑메뉴에서 차지하던 영역) 줄어듭니다.


- 스킨 배경 이미지 : 스킨 배경이미지를 끄거나(스킨 배경색 선택한 것으로 배경색 표시), 6가지 샘플 배경 이미지중 하나를 선택할 수 있습니다.



- 스킨 배경색 선택 : 스킨 배경색을 선택합니다. 스킨 배경 이미지를 없음으로 해야 스킨 배경색이 적용됩니다.


- 블로그 타이틀 컬러 선택 : 상단 블로그 타이틀 컬러를 선택할 수 있습니다.


- 커버 기능 지원합니다.


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







* 웹브라우저 너비를 변경하면 반응형으로 변경되는 레이아웃을 확인할 수 있습니다.





_설치안내


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


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

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


3. images 폴더에 있는 *.jpg 이미지는 모두 업로드 해야 합니다.


044_mintpaper.zip


스킨 설치 방법






  • 안녕하세요. 먼저 예쁜 스킨 배포에 감사드립니다.
    그런데 혹시 메인 페이지나 글 목록에서 그리드 형태의 <더보기>나 <1/23>과 같은 형태가 아닌
    <1.2.3.4...62>와 같은 식의 구성은 불가능할까요?
    한 카테고리에 글이 몰려있는데 처음 글을 보려면 한참 걸리는 것 같아서요..
    그리고 이전 스킨과 마찬가지로 카테고리가 사이드바에 들어가도록 만들어 주실 수 있을까요?
    다시 한 번 감사드립니다.

    • 다른 댓글 확인했습니다.
      페이지 인덱스 리스트로 나오게 패치해서 올려드리겠습니다.
      쫌만 기달려 주삼.

    • 감사합니다. 글을 잘못 찾아간 것 같아 지우고 새로 올렸는데 벌써 보셨군요....

    • 스킨이 패치되었습니다.
      맨위에 내용들을 읽어보시면 되고...
      아얘 페이징 타입을 고를 수 있게 스킨 설정에 기능이 추가되는 형태로 패치되었고, 스킨 수정사항이 없으면 스킨을 재업로드 하시면 되고, 아니면 아래 방법에 따라 스킨을 수정하시면 됩니다.

      1. style.css 추가(기존 스킨 호환성을 위해 기존 css 는 그대로 유지합니다.)
      데스크탑/모바일 모두 하나로 대응합니다.
      기존 스킨 기준 1491행 밑에 적당히 위치를 잡아 붙여넣으시면 되고, 잘 모르겠으면 그냥 맨끝에 추가하면 됩니다.
      ------------------------

      .pagelist .pagination{
      padding: 20px 20px 40px;
      }
      .pagelist .pagination .inner{
      margin: 0;
      }
      .pagelist .pagination a{
      width: 44px;
      height: 44px;
      }
      .pagelist .pagination a span{
      display: inline-block;
      width: 24px;
      height: 24px;
      text-decoration: none;
      font-size: 0.9375em;
      line-height: 24px;
      vertical-align: middle;
      background: #f8f8f8;
      color: #000;
      border-radius: 50%;
      padding: 10px;
      }
      .pagelist .pagination a:hover span{
      background-color: #7fc7af;
      }
      .pagelist .pagination .current {
      font-size: 1.8em;
      line-height: 2em;
      color: #fff;
      background: #000;
      }
      .pagelist .pagination .selected {
      color: #fff;
      background: #000;
      }
      .pagelist .pagination .view-more {
      display: inline-block;
      width: 100%;
      height: 40px;
      font-size: 1em;
      line-height: 40px;
      color: #000;
      background:#fff;
      box-sizing: border-box;
      }
      .pagelist .pagination .view-more:hover {
      color: #fff;
      background: #000;
      }
      .pagelist .pagination .prev,
      .pagelist .pagination .next,
      .pagelist .pagination .current {
      display: none;
      }
      .pagelist .pagination a:not(.prev):not(.next):not(.view-more){
      display: inline-block;
      margin-bottom: 5px;
      }


      2. skin.html
      11행 <body 태그안을 보면

      class="<.....

      부분이 있습니다.
      class="pagelist <....
      이렇게 수정합니다.
      "pagelist" 추가 하고 뒤에 공백 한칸

      추가한 css를 전역으로 적용시켜주는 것입니다.

      스킨에 추가된 기능에서 페이징 타입으로 페이지리스트를 출력하는 걸 선택하면 위에 "pagelist" 추가되는데 이걸 그냥 강제 적용시켜주는 것입니다.


      3. 스킨 추가 설정에서 "더보기" 옵션은 꺼야 합니다.

  • 엄청난 업데이트 속도에 감탄했습니다.
    바로 새로 다운받아서 적용 했습니다.
    잘 사용하겠습니다.
    감사합니다!

    • 카테고리를 사이드바에 배치할 수 있게 스킨 기능이 패치되었습니다.

      이전 버전과 호환성이 없기 때문에 스킨 재설치하셔야 하고, 상단 스킨 추가 기능 설정 설명을 보시면 카테고리 위치를 직접 조정할 수 있게 개선되었습니다.

      그외에 사이드바의 프로필과 sns아이콘도 설정에서 끄거나 켤 수 있게 개선되었습니다.

  • 앗.. 이렇게까지...... 정말 감사합니다 ㅠㅠ 혼자 공부해서 고쳐버릇을 해야하는데.. 잘 사용하겠습니다!