CreativeCleanDesign

About me Contact
Total
10,372
Today
41
Yesterday
103

Blog


티스토리 블로그스킨 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


COMMENTS
  • 이전 댓글 더보기
  • BlogIcon 론큐 2016.12.04 20:55 신고 | md/del Reply

    모바일도 상단바에 이메일하고 전화번호를 뜨게할수는없는건가요?

    • BlogIcon waanee 2016.12.04 20:56 신고 | md/del

      모바일에서는 상단 바를 보이지 않게 되어 있습니다. 만약 전화번호 노출을 시켜야 한다면 footer 하단에 전화번호 넣으셔도 됩니다 ^^

    • BlogIcon 론큐 2016.12.04 20:58 신고 | md/del

      footer 하단에 입력한다면 어디에 보이게되는건가요?

    • BlogIcon 와니닷컴 waanee 2016.12.04 21:06 신고 | md/del

      하단의 "저의 블로그에 오신것을 환영 합니다. 매일 좋은 글, 사진으로 여러분을 기다리겠습니다." 다음 내용으로 <a href="tel:000">000</a> 형태로 추가 하시면 됩니다.

    • BlogIcon 론큐 2016.12.04 21:10 신고 | md/del

  • 2016.12.05 14:11 | md/del Reply

    비밀댓글입니다

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

      회원가입은 현재 점검중이라서, 아직은 안되구요~ SNS로그인으로 로그인 하실 수 있습니다.

      페이스북이나, 네이버, 카카오톡 아이디가 있으시면, 로그인 클릭후 SNS아이콘을 클릭 하시면, 로그인 하실 수 있습니다.

  • BlogIcon @너른바다 2016.12.05 21:59 신고 | md/del Reply

    이쁘고 멋진 스킨입니다. 공개해 주셔서 감사합니다~ ^^

  • BlogIcon 360vr 2016.12.06 20:06 신고 | md/del Reply

    스킨 잘쓰고 있습니다... 그런데, 핸드폰의 구글브라우저에서는 모바일처럼 안보입니다...
    마치 PC처럼 작게보입니다... 네이버 브라우저에서는 모바일화면 처럼 보이구요....
    왜그런거죠?

    • BlogIcon 와니닷컴 waanee 2016.12.06 20:31 신고 | md/del

      안녕하세요 ^^
      모바일크롬의 경우 브라우저 설정에 "데스크톱 버전으로 보기" 가 체크 되어 있으면, 모바일웹으로 보여지지 않을 수 있습니다.

      모바일크롬 설정에서 "데스크톱 버전으로 보기" 를 체크 해제 해 주시면 됩니다.

  • BlogIcon 밍밍(Ming) 2016.12.09 22:27 신고 | md/del Reply


    너무예뻐요~ 제스타일대로 필요없는것 같은건 뺐어요
    잘사용하겠습니다!감사합니다^^

  • BlogIcon 류구 2016.12.09 23:35 신고 | md/del Reply

    이런 스킨을 만들어 주시다니, 정말감사하게 사용중에 있습니다.
    혹시 부담이 안되신다면, 다운로드 버튼을 수정하고싶은데;; 어떻게 하는지 알려주실수있나요?
    CSS는 전혀 모르는상태라서;;; 기본 다운로드 버튼은 전혀 손이 가질 않는데;;
    타 반응형 스킨처럼, 다운로드 버튼을 적용하고싶습니다. 방법이 있을까요?

    • BlogIcon waanee 2016.12.09 23:37 신고 | md/del

      스킨 사용 감사합니다 ~ ^^ 죄송하지만, 버튼 스타일 수정이나 기타 수정은 하지 않습니다.

  • BlogIcon 노란 빛 2016.12.12 11:55 신고 | md/del Reply

    적용하고 html 편집 중에 있는데요, 페이스북 등 소셜 사이트 링크 연결하려면 어떤 걸 건드려야(?) 하나요?
    잘 못해서요....ㅠ

  • BlogIcon ljwkies 2016.12.15 19:15 신고 | md/del Reply

    와...대박입니다.
    원하던 겁니다....
    업무 정리되면 스킨사용해볼께요 ^^
    정말 좋은 자료 감사합니다.

  • beautys 2016.12.31 16:29 신고 | md/del Reply

    너무 좋은 스킨입니다!!!
    최고입니다
    감사히 잘 쓰겠습니다~*

  • 안녕하세요. 좋은 스킨 정말 감사합니다.
    지금 적용해서 사용할려고 열심히 노력중인데요^^
    메인화면에서 Blog Post에서 글보여지는 부분이 최근 글 하나만 보이고 있습니다.
    썸네일로 여러글이 보이게 하는 방법이 어떻게 되는지요?

    • BlogIcon 와니닷컴 waanee 2017.01.05 10:53 신고 | md/del

      관리자 들어가셔서, 화면설정 > 화면출력에 보시면, 블로그 화면 부분에 기본화면 글 갯수, 수정 하고 확인 하시면 됩니다.

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

    • BlogIcon 와니닷컴 waanee 2017.01.05 11:41 신고 | md/del

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

  • 2017.01.06 11:01 | md/del Reply

    비밀댓글입니다

    • BlogIcon 와니닷컴 waanee 2017.01.06 11:23 신고 | md/del

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

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

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

    • lhyun0 2017.01.06 13:10 신고 | md/del

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

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

  • BlogIcon 2PANN 2017.01.06 13:11 신고 | md/del Reply

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

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

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

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

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

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

    • BlogIcon 와니닷컴 waanee 2017.01.06 13:35 신고 | md/del

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

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

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

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

    • BlogIcon 2PANN 2017.01.06 14:38 신고 | md/del

      답변감사드려요!

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

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

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

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

  • BlogIcon Constantine B2 2017.01.08 14:45 신고 | md/del Reply

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

    • BlogIcon 와니닷컴 waanee 2017.01.08 14:56 신고 | md/del

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

  • BlogIcon Master_MISsystem 2017.01.16 16:49 신고 | md/del Reply

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

  • BlogIcon Constantine B2 2017.01.19 10:42 신고 | md/del Reply

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

  • 2017.01.19 17:45 | md/del Reply

    비밀댓글입니다

    • BlogIcon 와니닷컴 waanee 2017.01.19 19:03 신고 | md/del

      .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 신고 | md/del Reply

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

    • BlogIcon 와니닷컴 waanee 2017.01.19 18:32 신고 | md/del

      비밀글 작성 부분에 문제가 있었네요..
      <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 | md/del Reply

    비밀댓글입니다

    • BlogIcon 와니닷컴 waanee 2017.01.19 18:50 신고 | md/del

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

  • BlogIcon 행님댁 2017.01.20 23:02 신고 | md/del Reply

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