CreativeCleanDesign

category guest

Blog


티스토리스킨 WN-SKIN2

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

WNSKIN2 를 배포 합니다. 


블로그스킨을 홈페이지 스타일로 제작하기 위해 이런 저런 시도 끝에 작업이 완료 되었습니다.



이번 WNSKIN2 는 부트스트랩 테마를 사용하여 반응형웹으로 제작 되었습니다. 

( WN-SKIN2-Green )


위 스크린샷은 메인으로 사용되는 이미지 입니다. 이미지 저작권은 무료이미지(pixabay)에서 사용 되었습니다.


( WN-SKIN2-Blue )

( WN-SKIN2-Purple )

( WN-SKIN2-persimmon )

( WN-SKIN2-Yellow )





각 색상별로 구분 되어 있습니다. 리스트 스타일도 두가지로 나눠져 있습니다. 


list 는 이미지썸네일을 표시 하지 않는 블로그 리스트 스타일이고, Thumb 는 이미지 썸네일 스타일로 되어 있습니다.


사이드 바 위치 또한 두가지로 분류 되어 있으며, 개인취향에 맞게 선택해서 사용 하시면 되겠습니다.


샘플 적용 사이트는 (http://farm68.tistory.com) 이곳과 (http://wn-skin1.tistory.com) 에서 샘플 확인 가능 합니다.



※ 본 스킨은 무료배포 기간이 만료 되어, 유료버전으로 판매 하고 있습니다.

이전에 무료버전으로 다운로드 받으신 분들은 무료로 사용 하시면 되고, 이후 스킨 다운로드는 구매후 다운로드 가능 합니다.






저작자 표시
신고
크리에이티브 커먼즈 라이선스
Creative Commons License

'티스토리스킨' 카테고리의 다른 글

티스토리스킨 WNSKIN5  (10) 2017.06.12
티스토리스킨 WNSKIN4  (27) 2017.02.24
티스토리스킨 WN-SKIN3  (83) 2016.12.19
티스토리스킨 WN-SKIN2  (117) 2016.12.02
티스토리스킨 WN-SKIN1  (46) 2016.06.29


COMMENTS
  • 이전 댓글 더보기
  • BlogIcon 론큐 2017.01.22 22:41 신고 | md/del Reply

    블로그 리스트메뉴도 가능하나요? 제가 스킨을 잘못건드려서 건드리지를 못하겠네요..

    • BlogIcon 와니닷컴 waanee 2017.01.22 22:44 신고 | md/del

      불가능 하지는 않습니다. 다만, 메뉴 부분을 수동으로 추가 해서 만들었기 때문에 수동으로 링크 수정 하시면 됩니다. 만약 블로그 관리자에 있는 메뉴관리와 연동 하실 거면, 직접 수정 하시면 됩니다.. 자세한 소스코드는 제공 해 드릴 수 없습니다.

    • BlogIcon 론큐 2017.01.22 22:45 신고 | md/del

      드롭다운으로 블로그 메뉴랑 연동할수있다는건가요?

    • BlogIcon 와니닷컴 waanee 2017.01.22 22:50 신고 | md/del

      웹 상에서 글로서 설명 하기에 서로 이해가 안되는 부분이 있는거 같으신데 .. 현재 메뉴 부분을 수동으로 직접 소스 수정 하셔서 쓰실 수 있습니다..
      관리자에서 블로그 메뉴와 연동 은 직접 소스를 고치셔야 하는데, 그 부분에 대한 소스는 제공 해 드릴 수 없으니, 직접 하셔야 합니다..

  • BlogIcon 론큐 2017.01.22 23:20 신고 | md/del Reply

    토탈 카운터가 ' NaN ' 로 뜨는데 뭐가문제인가요? 38만이면 너무큰숫자인가요?

    • BlogIcon 와니닷컴 waanee 2017.01.25 13:27 신고 | md/del

      토탈 카운터 부분 원인을 찾을 수가 없네요..
      스킨 제작시 구조상 오류가 나는건지 안나와서 불편 하실 경우, 해당 토탈 카운터 부분을 빼고 운영 해주세요~ 서브페이지 에서는 카운터 표시 됩니다.
      원인을 찾게 되면, 패치후 스킨 다시 올려 보도록 하겠습니다.

    • BlogIcon 론큐 2017.01.25 14:49 신고 | md/del

      서브메뉴는 뜨네요 ㅋ 근데 토탈 카운트 소스를 빼고 아무숫자니 넣으면 뜬다는게 함정

  • BlogIcon 모티브기어 2017.01.29 18:18 신고 | md/del Reply

    감사합니다. 잘 쓰겠습니다

  • BlogIcon 옹아 2017.02.04 20:44 신고 | md/del Reply

    이상하게 요즘 블로그 스킨 업로드가 잘 이루어 지지 않고 있습니다.
    다른 스킨들도 그렇고 스킨 업로드시 적용버튼 누르면 응답시간 초과 메시지가 뜨면서 스킨이 적용될때가 있고 적용되었다 싶으면 레이아웃이 깨져버리기도 하고 아무런 이미지도 안뜨고 텍스트만 나오기도 합니다.

    그리고 적용되는 스킨이 있긴 한데 메인에 컨텐츠들이 계단형식으로 뜨네요.

    • BlogIcon 옹아 2017.02.04 20:51 신고 | md/del

      이상하네요 블로그 컨텐츠 들이 계단식으로 나왔었는데 시간이 지나니 본래스킨양식으로 재대로 뜨네요.

    • BlogIcon 옹아 2017.02.04 20:54 신고 | md/del

      글 수정이 안되는군요.
      다른 스킨 적용했더니 다시 계단형식으로 뜨네용..

    • BlogIcon 와니닷컴 waanee 2017.02.04 20:59 신고 | md/del

      스킨 업로드 문제는 티스토리 에 업로드 되는거다 보니, 티스토리와 관련이 있습니다.

      적용후 컨텐츠가 정렬이 안되는 부분은 컨텐츠에 이미지가 있느냐 없느냐에 다를 수 있는데, 이미지가 있는 컨텐츠 일 경우는 문제가 없으며, 이미지가 있을 경우의 컨텐츠 정렬이 다를 수 있습니다.

      일단 전반적으로 티스토리 서버에 문제가 있는거 같긴 하네요..

    • BlogIcon 옹아 2017.02.04 20:59 신고 | md/del

      압축된 폴더마다 적용했고, 각 스킨별 그리고 사이드바 위치까지도 무엇이 다른것인지 잘 모르겠네요.

    • BlogIcon 옹아 2017.02.04 21:00 신고 | md/del

      티스토리에 서버오류의 대한 문의를 해보았지만 알아본다하는데 시간이 걸릴듯 하네요. 다른분들도 이상현상이 있는지도 궁금하네요.

    • BlogIcon 와니닷컴 waanee 2017.02.04 21:03 신고 | md/del

      티스토리 스킨 적용 문제는 저의 능력밖의 일이네요 .. 일단, 스킨이 나눠진 폴더는 말 그대로 사이드바 위치가 왼쪽인지, 오른쪽인지 나눈것이구요~ 컨텐츠 표시가 어떤 스타일 인지 나눠진 폴더 입니다. 입맛에 맞는 스킨을 골라서 적용 해 주시면 됩니다...

  • 펜팔이 2017.02.11 20:38 신고 | md/del Reply

    훌륭한스킨 감사드립니다.
    WN-SKIN2 thumb 에 모바일 화면에서 썸네일이 한개씩 인데 가로로 2개씩 보여지게 할수 있는지요.
    가능하다면 어디를 만지면 될까요

    • BlogIcon 와니닷컴 waanee 2017.02.13 17:32 신고 | md/del

      답변이 늦어 죄송합니다.
      현재 스킨은 썸네일 리스트 스타일을 수정 하실 수 없습니다.

  • BlogIcon 꽃눈꼬 2017.02.13 17:44 신고 | md/del Reply

    아이고..... 댓글이 안써기질래 막 눌렀더니 올라갔네요
    죄송합니다 ㅎㅎㅎ 깔끔하고 너무 예쁜 스킨이라 적용해보고 싶어서
    이것저것해봤는데 실행이 안되네요ㅜㅜ
    .DS_Store이라는 파일이 업로드 안되서 빼고 나머지만 업로드한 상태로
    스킨을 등록하니까 로딩만 돌더라구요... .DS_Store파일 이거 어떤 건가요...ㅜㅜ

    • BlogIcon 와니닷컴 waanee 2017.02.13 17:47 신고 | md/del

      .DS_Store 파일은 업로드 하지 않으셔도 됩니다. 스킨적용이 재대로 되지 않은듯 한데, 다시 업로드 해 보시기 바랍니다. images 폴더를 다시 업로드 해주세요~

    • BlogIcon 꽃눈꼬 2017.02.13 18:00 신고 | md/del

      캐시오류인가 재부팅하니까 뜨네요^^
      너무 너무 감사합니당

  • 탐험대 2017.02.15 15:52 신고 | md/del Reply

    이렇게 멋진 스킨 무료 공유해주셔서 감사함니다.
    유료보다 훨 ~ 퀄리티 있고 좋네요..
    그런데 한가지 질문드릴려구요
    사진 없는글이 여백 없이 왼쪽으로 완전히 달라붙어서 글 읽기에 무리가 있는데요 수정 방법 있을까요?
    사진있는 글은 양쪽 여백이있고 잘 나옴니다.
    또. 저는 글목록 리스트에서 정열이 않되고 지그제그로 이상하게 나오는데요.. 이유를 모르겠습니다.

    • BlogIcon 와니닷컴 waanee 2017.02.15 17:15 신고 | md/del

      저의 블로그스킨을 사용해 주셔서 감사합니다.
      일단, 현재 스킨이 이미지가 없는 경우는 메인 에서 썸네일 표시가 안되어서 정렬이 되지 않는데,
      이 부분은 제작시 염두하지 않은 부분이라 어떻게 수정 할 수가 없습니다.
      이미지를 넣으시는것을 권장 드린다고 말씀 드릴수 밖에 없네요..
      이 스킨 다음버전을 사용을 권장 합니다.

  • BlogIcon 규잉 2017.02.21 04:21 신고 | md/del Reply

    너무 멋지네요. 순간 머테리얼인줄...
    감사합니다 잘쓰겠습니다.

  • 안녕하세요. 강남청솔학원입니다. 와니님께서 만들어주신 스킨으로 저희 청솔학원 블로그를 새롭게 단장할 수 있었습니다.
    정말 이렇게 큰 도움을 주신 와니님께 진심으로 감사드린다는 말씀드립니다.
    정말 감사드립니다!

    • BlogIcon 와니닷컴 waanee 2017.02.23 17:32 신고 | md/del

      이렇게 까지 칭찬을 해 주시니 큰 힘이 되네요.
      저야, 저의 스킨을 사용해 주셔서 더 감사하답니다.
      앞으로 더 좋은 스킨을 만들도록 노력 하겠습니다. 감사합니다. ^^

  • BlogIcon 리 크 2017.02.26 18:13 신고 | md/del Reply

    감사합니다. 덕분에 좋은 스킨 이용하고 있습니다.

  • BlogIcon 뮤뉴 2017.02.26 18:56 신고 | md/del Reply

    메인페이지 슬라이드이미지가 잘 안변경되네요 ㅠㅠ

    또한 메인페이지 슬라이드이미지에 적합한 해상도크기 알수있을가요?

  • BlogIcon 카즈키님 2017.02.28 16:01 신고 | md/del Reply

    좋은 스킨 무료배포 감사합니다! 덕분에 잘 쓰고 있어요^^

  • BlogIcon 뮤뉴 2017.02.28 16:28 신고 | md/del Reply

    애드센스 적용하면 제가 사용하는 wikplayer 음악 목록보기에 애드센스가 적용되더라구요.

    이 스킨은 애드센스 어떻게 적용해야 게시물 하단에 바로 광고가뜨나요?

    • BlogIcon 와니닷컴 waanee 2017.02.28 16:36 신고 | md/del

      관리자 에서 플러그인 설정 > [수익 / Google AdSense(반응형)] 을 클릭후 하단 영역에 광고 소스 넣으시면 됩니다.

    • BlogIcon 뮤뉴 2017.02.28 18:53 신고 | md/del

      아직도 음악 목록 하단에 광고가 생기네요 ㅠㅠ 혹시나해서 음악없애버리고 구글애드센스(반응형) 플러그인을 다시 설정해봤는데 광고가 나오지않아서 음악을 다시 설치했는데 음악목록하단에 바로 광고가 생겨버립니다..ㅠㅠ

  • 2017.03.01 18:04 | md/del Reply

    비밀댓글입니다

    • BlogIcon 와니닷컴 waanee 2017.03.01 18:07 신고 | md/del

      해당스킨은 사이드바 편집 기능이 지원 되지 않는 스킨 입니다.
      html 소스 편집에서 사이드바에 포함된 소스를 직접 주석처리 또는 삭제 하시면 됩니다.

  • BlogIcon 규잉 2017.03.14 10:57 신고 | md/del Reply

    안녕하세요 수고가 많으십니다.
    다름아니라 방명록이나 댓글등 사용할 때 파비콘과 아이콘이 같이 사용되어
    이상하게 나오게 되는데 이 부분은 어떻게 수정해야할지 부탁드리겠습니다.

    현재 와니님 블로그 게시글에 나오는 댓글처럼 간략하게 나왔으면 합니다.
    감사합니다.

    [문제 방명록]
    http://dgtl.tistory.com/guestbook

    • BlogIcon 와니닷컴 waanee 2017.03.14 16:05 신고 | md/del

      CSS 수정에 맨밑에 아래 코드 추가 해 보세요.

      .media{
      position:relative;
      }
      .media-body .author img{
      position:absolute;
      left:0px;
      border-radius:40px;
      }

    • BlogIcon 규잉 2017.03.14 18:02 신고 | md/del

      빠른 답변 너무 감사드립니다.!!!
      행복하세요!!!!

  • imji 2017.03.15 14:15 신고 | md/del Reply

    안녕하세요. 이 스킨은 정말 대박입니다. 정말 잘 쓰고 있습니다. 여러군데 활용중인데요,,,
    http://imjiyoung.tistory.com 메인화면에 동영상포스트를 노출시켰는데, 계단형으로 되어있습니다.

    어찌해야할지 부탁드립니다.^^

    위쪽에도 다른 분께서 비슷한 comment 가 있네요...

    시간두고 지켜봐야할지...ㅠ

    • BlogIcon 와니닷컴 waanee 2017.03.15 14:34 신고 | md/del

      보니까, 이미지만 넣으셨고, 안에 내용이 없어서, 계단현상이 나오는거 같습니다.

      이미지만 넣었을때를 고려하지 않은 디자인 이라서 이런 현상이 나오는거 같네요..

  • 와니님 안녕하세요.
    와니님께서 배포해주신 스킨을 정말 잘 쓰고 있는 강남청솔학원입니다.
    다름이 아니라 저희 블로그의 통계가 어제까지는 잘 나오다가 오늘 갑자기 NaN이라는 수치가 뜨더라구요.
    그래서 알아보고알아봤는데도 계속 이렇게 떠서
    어느 쪽 데이터로 문제로 인해서 이러한 수치가 뜨는지 궁금해서 여쭙고자 이렇게 댓글을 적었습니다.
    블로그 창 우측 하단에는 토탈 수치가 정확하게 보여주고는 있습니다.
    현재 메인만 NaN수치가 뜨는데 해결하는 방법 부탁드리겠습니다.ㅠ

    • BlogIcon 와니닷컴 waanee 2017.03.16 18:08 신고 | md/del

      안녕하세요.
      간단히 해결방법이 있습니다.

      <div class="number animate-number h2" data-value="[#_count_today_#]"></div>
      와 같은 소스를
      <div class="number animate-number h2">[#_count_today_#]</div>

      위 소스와 같은 방식으로 변경 하시면, 됩니다. 다만, 애니메이션 효과는 없어집니다.

  • 혹시... 그 방법이 가장 최선일까요?ㅠ

    • BlogIcon 와니닷컴 waanee 2017.03.16 19:33 신고 | md/del

      숫자가 들어오는 값이 1,000 콤마가 찍혀서, 데이터값이 콤마가 들어갔을 경우 NaN으로 표기 되는거 같습니다.

      들어오는 값을 스크립트로 제어를 해 줘야 하는데, 이 부분은 테스트해 봐야 알거 같습니다.

  • 와!!!!!!!!!!드디어 제가 원하는 스킨을 그것도 무료보 배포해주시는 분을 찾았네요ㅠㅠㅠ 정말정말 감사합니다.
    잘쓸게요 와니님!!ㅎㅎㅎ

  • BlogIcon 모피우스 2017.05.05 16:10 신고 | md/del Reply

    볼 때마다 감탄하고 갑니다. 나중에 꼭 사용하려고 합니다. 감사드립니다.