WNSKIN6 무료버전 배포


안녕하세요. 와니닷컴 입니다.

WNSKIN6 free 버전으로 기본스킨을 무료로 배포 합니다.


티스토리스킨을 많이 연구 하면서, 역시나 가장 기본적인 레이아웃, 깔끔한 디자인이 진리인것을 알았습니다.

그래서, 가장 심플하고, 가볍게 만들어 봤습니다. 


기본적으로 반응형웹으로 제작 되는건 다들 아실거라 생각 하구 요.. 



블로그 리스트가 가장 기본적인 구조로 되어 있습니다. 

아마 워드프레스를 조금이라도 접해 본 분 들 이라면, 익숙한 구조 일 겁니다. 

상단에, 로고와 메뉴바 오른쪽 으로 사이드 바를 위치 해서, 블로그 리스트는 1열로 쭉 나오는 형태 입니다. 



블로그 리스트를 2단으로 나누어진 형태 입니다. 

이미지가 있을경우, 이미지와 블로그 내용을 같이 출력 해주고, 이미지가 없을 경우, 블로그 내용을 간략하게 표시 해 줍니다.


오른쪽 사이드 바를 없애고, 컨텐츠만 나열 되도록 정리 되어 있습니다. 

컨텐츠만 중심적으로 블로깅 하시는 분들에게 적합 할거 같은 디자인 입니다.


위 블로그 리스트 스타일 들이, 스킨파일 하나에 들어 있습니다. 

파일크기도 필요없는건 지우고, 작게 만들었습니다. 


블로그 리스트 설정은, 블로그 관리자>사이드바 에서 설정 가능 합니다. 



사이드 바1 번은 기존의 오른쪽 사이드바에 위치할 컨텐츠들 입니다. 입맛대로 배치 하시면 되고, 


사이드 바2 번은, 카테고리 스타일을 셋팅 합니다. 

서브메뉴가 전체 보이도록 한다면, "카테고리펼침 스타일" 을 사이드바2번에 넣으시면 되고, 서브메뉴가 접혀 있는 형태는 "카테고리폴더 스타일" 을 추가 하면 적용 됩니다. 


사이드 바3 번은, 위에서 봤던, 블로그 리스트 스타일을 셋팅 하는 곳 입니다.

아무것도 없을 경우, 기본 스타일로 나오게 되고, "2단리스트 스타일"을 넣으면, 2단 스타일 리스트가 나오게 되고, "Masonary 스타일"을 넣으면, 오른쪽 사이드 바가 없는 스타일로 변경 됩니다. 


중요한 부분은, 사이드 바2, 사이드 바3 에는 하나만 넣으셔야 합니다. 

예를 들어, 사이드 바2번에 "카테고리 폴더 스타일" , "카테고리펼침 스타일" 을 두개 넣게 되면, 정상으로 설정 되지 않을 수 있습니다.



간혹, 모바일로 봤을때, 스킨이 적용 안되신 분들 이 있는데, 

관리자에서 스킨 > 모바일 에 들어 오셔서, 모바일웹 을 off 로 설정 해 주셔야 합니다. 


샘플 사이트


WNSKIN6-free.zip


위 스킨이 무료버전 이구요~ 


유료버전이 따로 있습니다. 유료버전을 미리 소개 해 드리자면, 홈페이지형 블로그 스킨 입니다.

물론, 지금까지 홈페이지형 블로그 스킨으로 제작 하긴 했지만, 완전한 홈페이지형 블로그로 제작을 해 보고 싶어서, 여러가지 스킨을 작업 중입니다. 


일단, 첫번째, 스킨 입니다. 물론, 티스토리에 맞춘 스킨 입니다.


샘플 사이트



유료버전으로 배포를 할지, 완전 커스텀 제작으로 진행 할지 아직 결정되지 않은 상태 입니다.

커스텀제작으로 할 경우, 로고제작 이나, 상품페이지 등 전부 작업이 가능합니다. 


앞으로도 홈페이지형 티스토리 스킨을 많이 준비 할거니 까요~ 자주 방문 해 주세요. 



Comments 70

  • 이전 댓글 더보기
  • 비밀댓글입니다

  • BlogIcon Kamilake

    윽 제 잘못이었습니다. 정상적으로 잘 작동합니다. 감사합니다!!! 쉽게 해결되서 다행이에요!

  • 본문글꼴크기 어떻게 조정하는지 여쭤봐도 될까요//?

    ㅠㅠ

  • 비밀댓글입니다

  • 비밀댓글입니다

  • 비밀댓글입니다

  • 비밀댓글입니다

  • 비밀댓글입니다

  • BlogIcon Toreerang

    안녕하세요. 최근에 티스토리를 시작한 초보인데 너무 예쁜 스킨 제공해주셔서 감사드립니다.
    궁금한게 있는데요.
    첫페이지에 미리보기 목록에 나오는 글자수를 줄여주려면 어느 코드를 건드려야 하는지 알 수 있을까요.
    html코드를 전혀 모르다보니 이틀째 넋놓고 어쩔줄을 모르고 있습니다. ^^;;;

    그럼 즐거운 한주 되세요. ^^

    • BlogIcon waanee

      html 소스, 자바스크립트 영역에 아래 소스를 넣어 주세요.
      $('.post-content>p').each(function(index){
      var postContent = $(this).text().substring(0,60);
      $(this).html('<p>'+postContent+'...</p>');
      });

  • BlogIcon Toreerang

    빠른 답변 정말 감사합니다. 와니씨. ^^

  • BlogIcon Toreerang

    안녕하세요. 늦은 밤 질문 하나 드리러 왔습니다.
    다른게 아니고 제 블로그에 접속하면 첫페이지와 글 본문의 내용 글자 크기가 좀 작고
    다닥다닥 붙어있는 것 같아서 글자 크기를 약간 키우고 글자 사이 간격을 좀 넓히고 싶은데
    어디를 건드리면 되는지 좀 알 수 있을까요.

    그럼 늦은밤 행복한 꿈 꾸세요. ^^

  • BlogIcon Toreerang

    정말 빠른 답변 감사드립니다.
    글자체가 많이 작아보여서 12포인트 이하일줄 알고 14포인트 이상 코드는 설마 아니겠지 하고 지나갔는데
    글자체 종류에 따라 같은 수치라도 크기가 다를 수 있다는걸 생각 못한 게 실수였네요...;;;
    오늘도 하나 배우고 갑니다. ^0^

  • BlogIcon Spatula

    솜씨가 좋으세요.
    깔끔하고 예쁩니다~!

  • BlogIcon YOON, JAE-SUNG

    안녕하세요.
    우선 이렇게 좋은 스킨을 사용할 수 있게 해주셔서 감사합니다 ^^

    처음 스킨을 사용해 보는데요.
    알집으로 올려주신 파일 전체를 스킨 등록한 후 적용을 해주었습니다.
    적용 후 맨 윗줄에 있는
    블로그소개 / 카테고리 / 블로그태그 / 블로그 / 방명록
    이 잘 작동이 안되는 것 같습니다.
    예를들어 카테고리 같은 경우 그 안에 있는 제 목록이 보이는 것이 아니라
    드롭다운메뉴1, 드롭다운메뉴2 이렇게 표시가 됩니다.
    블로그 같은 경우 기본리스트 스타일 / 2단리스트 스타일 / Masonary 스타일 로 표시가 됩니다.

    원래 이렇게 표시되는 것이 맞는지 아니면 다르게 적용을 해야하는지 궁금하여 이렇게 댓글 남깁니다.
    감사합니다.

  • BlogIcon 국가보훈처

    스킨 잘 쓰고 있습니다. 그런데 혹시 메인 화면에 고정된 이미지를 적용할 수 있는 방법이 있나요?

    http://skin.waanee.com/1701/index.php

    여기에 있는 메인처럼요

  • BlogIcon YOON, JAE-SUNG

    제작자님 안녕하세요.
    서브헤드에 있는 패턴 무늬에 해당하는 코딩이 어디에 있는지 알고싶어 이렇게 글을 남깁니다.
    감사합니다. ^^

  • BlogIcon 내인생이야기

    index 페이지를 기본스타일이 아닌
    index.php?masonary default 로 설정하고싶은데 어떻게 바꿔야하나요?

    • BlogIcon waanee

      관리자에 보시면 사이드바 에서 설정 하실 수 있습니다.
      리스트스타일은 나머지는 지우고 원하는 스타일 하나만 사이드바에 배치 시키면 적용 됩니다

    • BlogIcon 내인생이야기

      위에 설명이있었네요..빠른답변 감사드립니다.

      ->2단 default
      :2단, 카테고리 같이 나옴
      ->masonary default
      :카테고리가 보이지 않음

      이게 정상인거죠?

      masonary && 카테고리 같이 나오게 하고 싶어서요

    • BlogIcon waanee

      오른쪽 사이드바 나오게 하시려면 2단 리스트 또는 3단 리스트에서 지원이 가능 합니다

  • hk

    안녕하세요. 스킨이 깔끔해 적용을 시켰는데 똑같은 게시글이 목록에서 두개가 보이거나 세개이상보이는 현상이 일어났는데 이런 현상이 일어났던 적은 없나요? 2014~5년에 등록했던 글들이라 너무 오래되서 그런가했는데 다른 스킨을 적용하면 제대로 보여서.. 이건 뭐가문제일까요 ㅠㅠ?

  • BlogIcon 기적공장장

    깔끔한 스킨 감사합니다~덕분에 잘 적용했습니다. 완전 초보인데 댓글보고 하나하나 해보니 궁금증도 풀렸고요~ 감사합니다~하단의 전화번호, 이메일주소 수정은 어떻게 해야하는지 궁금해요~^^

  • BlogIcon 고냉이래요

    안녕하세요
    깔끔하고 예쁜 티스토리 스킨 감사합니다.
    다름아니라 WN6 스킨을 적용했는데 오른쪽 카테고리가 나와야 할 부분이 나오지 않고 텅 비어져 있는 현상이 이어져서 고민끝에 문의를 드리게 되었습니다. 현상은 제 블로그에서 보실 수 있구요 제 블로그 주소는 http://ppjini.tistory.com 입니다. (이상하게 광고 멘트 같네요 ^^;;;;)
    와니스킨중 다른 무료 배포 버전으로 바꿧더니 다시 카테고리가 나오더라구요.
    혹 이 문제를 어떻게 해결할 수 있을지 조심스레 여쭤봅니다.
    감사합니다 ^^