와니닷컴 블로그 에 오신것을 환영합니다.

WELCOME TO WAANEE BLOG

13,469
total
21
today
99
yesterday

블로그스킨

블로그스킨을 제작 배포 합니다.
와니닷컴에서 제작한 블로그스킨을 확인 해보세요.

Read More

포트폴리오

블로그, 웹작업을 한 포트폴리오 입니다.
와니닷컴에서 제작한 포트폴리오를 확인 해보세요.

Read More

방명록

와니닷컴에 소식을 전 할수 있는 방명록 입니다.
전하실 내용을 이곳에서 전달 해주세요.

Read More

    티스토리 뷰

    티스토리스킨 WN-SKIN2

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

    기나긴 시간 끝에 드디어 WN-SKIN2 을 배포 합니다. 


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

    스킨은 무료 배포 이며, 수정작업 계획은 없습니다.



    이번 WN-SKIN2 는 부트스트랩 테마를 사용 했구요, 배포는 색상별로 파일을 나눠서 올립니다. 

    ( WN-SKIN2-Green )


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


    WN-SKIN2-green.zip




    ( WN-SKIN2-Blue )


    WN-SKIN2-blue.zip



    ( WN-SKIN2-Purple )


    WN-SKIN2-purple.zip


    ( WN-SKIN2-persimmon )


    WN-SKIN2-persimmon.zip


    ( WN-SKIN2-Yellow )


    WN-SKIN2-yellow.zip




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

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


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


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


    다운로드 후 댓글도 남겨주는 센스~ 




    1. 메인페이지 슬라이드 이미지 변경 방법


    - 사용하실 이미지 2장을 준비 하고 파일명을 01.jpg , 02.jpg 으로 올리시면 됩니다.

    - 관리자 에서 HTML/CSS 편집 메뉴에서 파일업로드 를 통해 올리면 메인 슬라이드 이미지가 변경 됩니다. 


    2. 메인페이지 내용 수정 방법


    - 관리자 에서 HTML/CSS 편집 에 들어 옵니다. html 소스 부분에서 슬라이더, 해더, 푸터 부분에 내용을 수정 하시면 됩니다.


    3. 적용방법


    - 관리자메뉴에서 스킨 > 모바일 에서 모바일웹 off 로 설정 해 주세요~ 




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

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

    티스토리스킨 WNSKIN4  (0) 2017.02.24
    티스토리스킨 WN-SKIN3  (47) 2016.12.19
    티스토리스킨 WN-SKIN2  (94) 2016.12.02
    티스토리스킨 WN-SKIN1  (46) 2016.06.29

    94 Comments

    • 이전 댓글 더보기
    • BlogIcon 책배세 2017.01.05 11:02 신고 Modify/Delete | Reply

      아~ 빠른 답변 너무 감사합니다. 바로 수정되었어요^^
      한가지 더 여쭤봐도 될까요?
      포스팅 본문내용의 폰트를 나눔명조체로 변경할 수 있을까요?


      BlogIcon 와니닷컴 waanee 2017.01.05 11:41 신고 Modify/Delete

      css 를 수정 하셔야 합니다. .blog-post .content (1813라인) 속성에 font 속성 추가하여 본문 내용 부분의 글꼴을 변경 하실 수 있습니다.

    • 2017.01.06 11:01 Modify/Delete | Reply

      비밀댓글입니다


      BlogIcon 와니닷컴 waanee 2017.01.06 11:23 신고 Modify/Delete

      안녕하세요~ 스킨사용 감사합니다.

      스킨적용방법은 http://notice.tistory.com/1776 참고 하시면 됩니다.
      폴더에 images 폴더는 업로드 아직 하지 마시고, skin.html .. 밖에 있는거 먼저 올리신 후, 그 다음에 images 폴더를 올리시면 정상으로 올라갑니다.

      __MACOSX 폴더는 맥환경 에서 압축파일을 만들었을 경우 생기는 폴더 입니다.
      폴더에는 thumb_right / left / list_right / left 따로 따로 나눠놨는데, 각 폴더마다 레이아웃이 다릅니다. 하나씩 적용 해보시면 쉽게 이해 하실수 있습니다. 감사합니다.

      lhyun0 2017.01.06 13:10 신고 Modify/Delete

      상세한 답변 너무 감사합니다^^
      다시 시도해보겠습니다~
      혹, 다시 궁금한점이 있다면
      댓글~ 남길께요~

      좋은일만 가득한 2017년 되시길 바래요~^^

    • BlogIcon 2PANN 2017.01.06 13:11 신고 Modify/Delete | Reply

      안녕하세요^^ 유료보다 이쁜 와니님 스킨에 푹 빠져서 신나게 수정하면서 쓰고있습니다.
      다시 한번 감사드립니다!!

      스킨을 직접 만들어본 경험이 없어서.. 현재 문제를 어떻게 해결해야될지 몰라서 댓글남깁니다!

      현재 네이버 웹마스터도구로 사이트에 웹 수집을 요청하면 WN-SKIN2만 수집실패가 뜹니다.

      티스토리 기본 제공 반응형스킨, 무료 배포 스킨들 그리고 와니님이 최근에 무료로배포하신 WN-SKIN3스킨은

      모두 정상적으로 수집성공이 뜨는데 유독 WN-SKIN2만 웹마스터도구가 수집을 해가지 않습니다..

      제 소견으로는 전체적인 구조의 차이라고 생각하는데.. 어떻게 해결해야될까요!?


      BlogIcon 와니닷컴 waanee 2017.01.06 13:35 신고 Modify/Delete

      안녕하세요. 스킨사용 감사드립니다 ^^

      일단, 기존의 WN-SKIN2 스킨의 네이버 웹마스터도구 웹수집 요청 테스트를 해본 결과 정상으로 이루어 졌습니다.

      현재 블로그 스킨을 많이 수정 하셨는데, 현재 수정본은 백업 하시고, 원본 스킨으로 테스트 해보시기 바랍니다.

      네이버 웹마스터도구 인증 코드가 누락 되었을 경우도 있으니, 다시 한번 테스트 해 봐주세요 ^^

      BlogIcon 2PANN 2017.01.06 14:38 신고 Modify/Delete

      답변감사드려요!

      네이버 메타태그도 확인해보고, 스킨도 다시설정해서 해봤는데도 안되네요..

      혹시나해서 새로 주소를 만들어서 WN-SKIN2를 색상별로 모두 입혀서 네이버 검색엔진 메타태그까지 모두 삽입해서 테스트했는데 수집실패가 뜨네요.

      http://2pannscom.tistory.com/
      위 주소로 테스트했습니다.

      혹시 다른 방안이 있을까요..?
      귀찮으실텐데 정말 감사합니다!!!

    • BlogIcon Constantine B2 2017.01.08 14:45 신고 Modify/Delete | Reply

      http://legendconstantine-b2.tistory.com/893
      이미지보는데요
      지금은 세로루되어있는데요
      가로루 변경하고싶습니다.
      알려주세요


      BlogIcon 와니닷컴 waanee 2017.01.08 14:56 신고 Modify/Delete

      죄송하지만, 어떤것을 말하는지 잘 모르겠습니다.. 그리고, 스킨수정에 대한 부분은 이제 답변으로 알려 드리지 않고 있습니다.
      아무쪼록 스킨 사용에 대한 부분은 감사드립니다 ^^

    • BlogIcon Master_MISsystem 2017.01.16 16:49 신고 Modify/Delete | Reply

      감사합니다~ 로그인 찾다가 하단에서 찾았네요. 잘쓸게요~


      BlogIcon 와니닷컴 waanee 2017.01.16 18:17 신고 Modify/Delete

      감사합니다 :)

    • BlogIcon Constantine B2 2017.01.19 10:42 신고 Modify/Delete | Reply

      블로그리뉴얼 완료
      오셔서 구경하세요


      BlogIcon 와니닷컴 waanee 2017.01.19 10:50 신고 Modify/Delete

      잘 구경하고 갑니다 :)

    • 2017.01.19 17:45 Modify/Delete | Reply

      비밀댓글입니다


      BlogIcon 와니닷컴 waanee 2017.01.19 19:03 신고 Modify/Delete

      .pagination>li>a .selected {
      padding:7px 11px;
      color: #fff !important;
      background: #ff5555;
      border-color: #ff5555;
      cursor:default;
      }
      .pagination>li{padding:0px;}
      .pagination>li>a{padding:5px 0px;}
      .pagination>li>a>span{padding:5px 10px;}
      .pagination>li:first-child a{padding:5px 10px;}
      .pagination>li:last-child a{padding:5px 10px;}

      색상코드는 수정후 사용 해 주세요~

    • BlogIcon Sando 2017.01.19 18:09 신고 Modify/Delete | Reply

      질문 하나 더 있습니다.
      댓글이랑 방명록의 비밀글 체크를 하고 써도 비밀글로 등록되지 않네요.
      일단 등록하고 수정하기에 들어가서 비밀글을 체크하면 비밀글로 등록되고요.
      와니님 사이트도 똑같은 현상입니다.
      어떻게 수정가능할까요?


      BlogIcon 와니닷컴 waanee 2017.01.19 18:32 신고 Modify/Delete

      비밀글 작성 부분에 문제가 있었네요..
      <input type="checkbox" name="" id="" class="inp_secret" tabindex="4">
      <label for="" class="lab_secret">
      <span class="ico_skin ico_check"></span>비밀글
      </label>

      위 코드를
      </s_rp_guest>
      </s_rp_member>
      사이에 넣어주세요

      문제 있던 비밀글 부분은 수정 하여 스킨 다시 업로드 하도록 하겠습니다.

    • 2017.01.19 18:47 Modify/Delete | Reply

      비밀댓글입니다


      BlogIcon 와니닷컴 waanee 2017.01.19 18:50 신고 Modify/Delete

      댓글 내에서 설명하기에 내용 이해도 안되고 어려운 부분이 있습니다.
      계정 아이디와 비밀번호 를 하단 메일주소로 보내 주시면 수정 해드리겠습니다.

    • BlogIcon 행님댁 2017.01.20 23:02 신고 Modify/Delete | Reply

      우와~ 정말 멋진 스킨이에요!! 이런걸 나눔해주시니 감사할 따름입니다~!! ^^


      BlogIcon 와니닷컴 waanee 2017.01.20 23:03 신고 Modify/Delete

      감사합니다 ^^

    • BlogIcon 론큐 2017.01.22 22:25 신고 Modify/Delete | Reply

      오른쪽 상단에있는 메뉴를 블로그 메뉴로 바꾸고싶은데 블로그카테고리 하나당 하나씩하고싶은데 어떻게하죠? 그하나에 또 선택가능하게로


      BlogIcon 와니닷컴 waanee 2017.01.22 22:41 신고 Modify/Delete

      블로그 메뉴는 메뉴 링크를 직접 수정 하시면 되고, 드롭다운 메뉴를 사용 하실 경우에는 소스에 주석 처리된 <!-- 드롭다운 메뉴 사용시 아래 소스 활용 --> 부분을 활용 하시면, 메뉴를 추가및 수정 가능하십니다.

    • BlogIcon 론큐 2017.01.22 22:41 신고 Modify/Delete | Reply

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


      BlogIcon 와니닷컴 waanee 2017.01.22 22:44 신고 Modify/Delete

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

      BlogIcon 론큐 2017.01.22 22:45 신고 Modify/Delete

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

      BlogIcon 와니닷컴 waanee 2017.01.22 22:50 신고 Modify/Delete

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

    • BlogIcon 론큐 2017.01.22 23:20 신고 Modify/Delete | Reply

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


      BlogIcon 와니닷컴 waanee 2017.01.25 13:27 신고 Modify/Delete

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

      BlogIcon 론큐 2017.01.25 14:49 신고 Modify/Delete

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

    • BlogIcon 모티브기어 2017.01.29 18:18 신고 Modify/Delete | Reply

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


      BlogIcon 와니닷컴 waanee 2017.01.29 18:22 신고 Modify/Delete

      스킨 사용 감사합니다 ^^

    • BlogIcon 옹아 2017.02.04 20:44 신고 Modify/Delete | Reply

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

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


      BlogIcon 옹아 2017.02.04 20:51 신고 Modify/Delete

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

      BlogIcon 옹아 2017.02.04 20:54 신고 Modify/Delete

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

      BlogIcon 와니닷컴 waanee 2017.02.04 20:59 신고 Modify/Delete

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

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

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

      BlogIcon 옹아 2017.02.04 20:59 신고 Modify/Delete

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

      BlogIcon 옹아 2017.02.04 21:00 신고 Modify/Delete

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

      BlogIcon 와니닷컴 waanee 2017.02.04 21:03 신고 Modify/Delete

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

    • 펜팔이 2017.02.11 20:38 신고 Modify/Delete | Reply

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


      BlogIcon 와니닷컴 waanee 2017.02.13 17:32 신고 Modify/Delete

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

    • BlogIcon 꽃눈꼬 2017.02.13 17:44 신고 Modify/Delete | Reply

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


      BlogIcon 와니닷컴 waanee 2017.02.13 17:47 신고 Modify/Delete

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

      BlogIcon 꽃눈꼬 2017.02.13 18:00 신고 Modify/Delete

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

    • 탐험대 2017.02.15 15:52 신고 Modify/Delete | Reply

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


      BlogIcon 와니닷컴 waanee 2017.02.15 17:15 신고 Modify/Delete

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

    • BlogIcon 규잉 2017.02.21 04:21 신고 Modify/Delete | Reply

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


      BlogIcon 와니닷컴 waanee 2017.02.21 07:32 신고 Modify/Delete

      스킨사용 감사합니다. :)

    • BlogIcon 강남청솔학원 2017.02.23 17:29 신고 Modify/Delete | Reply

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


      BlogIcon 와니닷컴 waanee 2017.02.23 17:32 신고 Modify/Delete

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

    Leave a comment