Loading...

Clean Blog
Design

깔끔한 블로그로 품질 높은 컨텐츠를 관리 해 보세요.
블로그 디자인도 품질이 좋아야, 블로그의 신뢰도가 높아집니다.
품질좋은 디자인과, 컨텐츠로 블로그 신뢰도를 끌어 올려 보세요!

티스토리 스킨
slider image

블로그디자인

와니닷컴의 블로그스킨은 깔끔하고, 모바일에 최적화 된 디자인을 선호합니다.

홈페이지형블로그

홈페이지형 디자인으로, 기존의 블로그와 다른 개성을 표현 합니다.

반응형웹

와니닷컴의 WNSKIN은 반응형웹을 기본으로 합니다.

오늘 방문자

어제 방문자

총 방문자

BLOG SKIN

와니닷컴에서 제공하는 블로그 스킨 입니다.
티스토리 블로그 스킨은 모두 반응형웹 을 기본으로 합니다.

WNSKIN5

WNSKIN4

WNSKIN3

WNSKIN2-yellow

WNSKIN2-purple

WNSKIN2-persimmon

WNSKIN2-blue

WNSKIN2-green

  • | 수정/삭제

    비밀댓글입니다

  • | 수정/삭제

    비밀댓글입니다

  • | 수정/삭제

    비밀댓글입니다

    • BlogIcon waanee | 수정/삭제

      티스토리 관리자 > 화면설정 > 메뉴 에 들어갑니다.

      메뉴추가 부분에 속성에서 "카테고리" 선택 하시면, 분류 전체보기 선택 합니다. 메뉴명 부분에 "전체 카테고리" 또는 원하시는 이름을 입력 하고, 추가 버튼을 클릭 합니다.

      메뉴관리에 메뉴가 추가되면, 상단에 저장 버튼을 클릭 하시면, 적용 됩니다.

  • BlogIcon 마시멜롱 | 수정/삭제

    안녕하세요 와니님~! 티스토리 블로그를 얼마전에 시작한 신삥입니다.여러 반응형 스킨을 적용시켜보다가 로딩시간이 너무 길거나 원하는 디자인이 없어서 그냥 2단스킨을 쓰다가 우연히 와니님을 알게되어 스킨3 무료배포 해주신걸 적용해보니 완전 깔끔하고 딱 제스타일 입니다! 이런 반응형스킨을 무료로 사용할 수 있게 해주셔서 너무 감사할 따름입니다~!

    다름이 아니고 본문에 동영상을 업로드 할경우 모바일로 볼때 가로폭 사이즈가 오버되는데 수정하려면 어떻게 해야되는지 궁금합니다.
    소스를 잘 다룰줄 아는게 아니라서요..ㅠㅠ 바쁘시겠지만 알려주시면 너무 감사하겠습니다. ㅠㅠ

    와니님 스킨을 적용하니까 포스팅 할맛 제대로 나네요! 데헷!

    • BlogIcon waanee | 수정/삭제

      스킨사용 감사합니다 ^^
      동영상 소스의 경우, 가로폭이 지정 되어 있으면, 모바일웹에서는 영역을 넘어 가실 수 있습니다.

      <iframe title="마갑기 출격! 오픈필드 MMORPG 아제라 출시!" width="640" height="360"src="http://kakaotv.daum.net/embed/player/cliplink/372933080?service=daum_tistory" allowfullscreen frameborder="0" scrolling="no"></iframe>

      위 소스의 경우 width="640" 부분을 width="100%" 로 소스를 수정 해서 올려 주시면 됩니다.
      감사합니다.

    • BlogIcon 마시멜롱 | 수정/삭제

      그럼 포스팅할때마다 동영상부분 소스를 수정해줘야 된다는 말씀이시죠? 바쁘신와중에 댓글 감사합니다!!! 스킨 너무 깔끔해요!

    • BlogIcon waanee | 수정/삭제

      소스 자체를 반응형으로 제공이 되지 않으면, 번거로우시겠지만, 동영상 소스를 수정해 주셔야 합니다.

      다른 팁으로는 CSS 에
      .body-text iframe {max-width:100%;}
      위 소스를 추가 해주시면, 일일이 수정 하지 않으셔도 될거 같습니다.

      감사합니다.

    • | 수정/삭제

      비밀댓글입니다

    • BlogIcon waanee | 수정/삭제

      티스토리 관리자로 로그인 하신후, html/css 수정 클릭 합니다.

      그럼 css탭이 나오는데요. 여기 맨 하단에 추가 해 주시먄 됩니다.

    • | 수정/삭제

      비밀댓글입니다

    • BlogIcon waanee | 수정/삭제

      광고소스 부분에서 걸리는거 같네요 ..

    • | 수정/삭제

      비밀댓글입니다

  • BlogIcon sbeen | 수정/삭제

    안녕하세요. waanee님 ^^
    wnskin3 버전 다운받아 적용 후 잘 사용하고있습니다. 너무 깔끔하고 좋아요.

    한가지 궁금한 사항이 있습니다.
    카테고리 선택 시 나오는 화면 출력을 '목록만' 으로 변경하였더니,
    리스트가 조회되지 않아서요.

    카테고리 선택 시 목록만 보이도록 하고싶은데,
    어떻게 하면 좋을지 팁을 알려주시면 감사하겠습니다 :)

    • BlogIcon waanee | 수정/삭제

      저희 스킨을 사용해 주셔서 감사합니다.
      현재 사용하고 계시는 스킨에서는 리스트 형태가 목록만 으로 설정시 반영 되지 않는 스킨 입니다.

      스킨 리스트를 처음부터 이미지와 제목+내용으로 만들어졌기 때문에, 목록만 나오는 형태로는 사용이 되지 않습니다.

  • BlogIcon 토니 | 수정/삭제

    안녕하세요. waanee님! wnskin4 어제 구입 후 오늘 적용했습니다. 마음에 들고 주변에 추천하고 싶네요.

    다시 한번 감사드립니다.

    바쁘신줄 알면서도 어제 내내 해결하지 못한 부분이 있어 이렇게 글을 남깁니다.

    바로 <본문 글> 너비입니다. (글쓰기폭x)

    html의 어느 부분을 손대야 본문 너비를 줄일 수 있을까요.

    저는 보통 글을 많이 적기에 보이기에 폭이 조금 좁았으면 하거든요. ^^;

    환경설정에서 조작할 수 있는 글쓰기 폭이 아닌 본문 너비 조작이 궁금합니다!

  • BlogIcon 토니 | 수정/삭제

    안녕하세요. 스킨3 샘플링 적용해보았습니다. 정말 멋집니다. 궁금한 점이 있어서 문의드립니다.

    win-skin3 <메인> 홈에서의 화면이 제가 적용한 홈페이지에서는 나오지 않습니다. (공룡과 우우병이 메인화면에 나오는 화면창입니다)

    비용을 별도로 지불하고 수정이 가능할까요? 문의드립니다.

    무료로 배포해주신 점 다시 한번 감사드립니다.

  • CoffingRoad | 수정/삭제

    와니님.
    프리버전 다운받아 수정해서 사용해보려고 하다가 포기하고
    4버전 스킨 구매 욕심에 몇가지 질문 함니다.
    왼쪽에서 튀어나오는 카테고리메뉴 부분에 스크롤바 모양을 좀 세련되게 바꿀수 없을까요? 브라우저 스크롭바와 같은 클래식한 스크롤바라서 눈에 거슬려서요....^^;
    죄송함니다....어이없는 제안인거 같아..
    그리고 모바일 버젼에서 보면 양쪽 옆 공간이 필요이상으로 너무 넓어 보임니다.

    이렇게 수정 가능하다면 구매 할까 함니다...

    • BlogIcon waanee | 수정/삭제

      해당 부분 의견 감사합니다.
      현재 다른 스킨 개발 중이라서, 바로 수정은 안되겠지만, 시간이 되는대로 의견주신 내용을 반영해 보도록 하겠습니다.

      해당 부분 수정이 되면, 저희 사이트 공지사항을 통해 알려 드리도록 하겠습니다.

      보잘것 없는 스킨에 관심 주셔서 감사합니다.

  • BlogIcon 지굴 | 수정/삭제

    안녕하세요 와니님,

    WINSKIN2-blue 구매해서 사용하고 있습니다. 정말 잘 쓰고 있구요.

    근데 Today 와 Yesterday 카운팅은 제대로 나오는데 Total Count 부분이 NaN 이라고 나옵니다.

    아래 html 복사해서 넣었습니다. 잘못된점이 없는지 확인좀 부탁드려도 될까요?

    <!-- Section: Statistics -->
    <section id="statistics" class="section bg-tuna">
    <div class="container">

    <div class="row">

    <!-- Statistic Block -->
    <div class="col-sm-4 col-xs-6 stat">
    <span class="fa fa-user icon zoomIn wow" data-wow-duration="0.7s"></span>
    <div class="number animate-number h2" data-value=""></div>
    <h4 class="title bounceInUp wow" data-wow-duration="0.7s">Today Count</h4>
    </div>
    <!-- /Statistic Block -->

    <!-- Statistic Block -->
    <div class="col-sm-4 col-xs-6 stat">
    <span class="fa fa-users icon zoomIn wow" data-wow-duration="0.7s"></span>
    <div class="number animate-number h2" data-value=""></div>
    <h4 class="title bounceInUp wow" data-wow-duration="0.7s">Yesterday Count</h4>
    </div>
    <!-- /Statistic Block -->

    <!-- Statistic Block -->
    <div class="col-sm-4 col-xs-12 stat">
    <span class="fa fa-signal icon zoomIn wow" data-wow-duration="0.7s"></span>
    <div class="number animate-number h2" data-value=""></div>
    <h4 class="title bounceInUp wow" data-wow-duration="0.7s">Total Count</h4>
    </div>
    <!-- /Statistic Block -->

    </div>

    </div>
    </section>

    • BlogIcon waanee | 수정/삭제

      <!-- Section: Statistics -->
      <section id="statistics" class="section bg-tuna">
      <div class="container">

      <div class="row">

      <!-- Statistic Block -->
      <div class="col-sm-4 col-xs-6 stat">
      <span class="fa fa-user icon zoomIn wow" data-wow-duration="0.7s"></span>
      <div id="tcnt1" class="number animate-number h2" data-value=""></div>
      <h4 class="title bounceInUp wow" data-wow-duration="0.7s">Today Count</h4>
      </div>
      <!-- /Statistic Block -->

      <!-- Statistic Block -->
      <div class="col-sm-4 col-xs-6 stat">
      <span class="fa fa-users icon zoomIn wow" data-wow-duration="0.7s"></span>
      <div id="tcnt2" class="number animate-number h2" data-value=""></div>
      <h4 class="title bounceInUp wow" data-wow-duration="0.7s">Yesterday Count</h4>
      </div>
      <!-- /Statistic Block -->

      <!-- Statistic Block -->
      <div class="col-sm-4 col-xs-12 stat">
      <span class="fa fa-signal icon zoomIn wow" data-wow-duration="0.7s"></span>
      <div id="tcnt3" class="number animate-number h2" data-value=""></div>
      <h4 class="title bounceInUp wow" data-wow-duration="0.7s">Total Count</h4>
      </div>
      <!-- /Statistic Block -->

      위 내용 대로 수정 해주세요.
      감사합니다.

  • HS MANAGER | 수정/삭제

    안녕하세요 와니님,

    현재 WN4스킨을 구매해서 사용하고 있습니다.
    메인 상단에 롤링되는 스킨이 2개정도로 되어있는데
    2개를 더 추가하고 싶은데 , 어떤부분을 수정을 해야하나요?

    • BlogIcon waanee | 수정/삭제

      사용하시는 헤드 슬라이더의 소스 중에
      <li data-transition="fade" data-slotamount="7" data-masterspeed="600">
      <img src="./images/slider1.jpg" data-bgposition="center top" data-bgfit="cover" data-bgrepeat="no-repeat">
      <div class="tp-caption lfb light_heavy_70_shadowed stb white-color" data-x="center" data-hoffset="0" data-y="center" data-voffset="-100" data-speed="800" data-start="600" data-easing="Circ.easeInOut" data-splitin="none" data-splitout="none" data-elementdelay="0" data-endelementdelay="0" data-endspeed="600" style="z-index: 2; line-height: 60px; letter-spacing: 7px; font-size: 60px;">
      MODERN DESIGN
      </div>

      <div class="tp-caption v-caption-h1 lfb st center" data-x="center" data-hoffset="0" data-y="bottom" data-voffset="-250" data-speed="700" data-start="1100" data-easing="Circ.easeInOut" data-splitin="none" data-splitout="none" data-elementdelay="0" data-endelementdelay="0" data-endspeed="600">
      깔끔한 디자인의 블로그 스킨 입니다. <br>
      이 문구를 수정 하여 사용 하실 수 있습니다.
      </div>

      <div class="tp-caption lfb stb" data-x="center" data-hoffset="0" data-y="bottom" data-voffset="-150" data-speed="700" data-start="1700" data-easing="Circ.easeInOut" data-splitin="none" data-splitout="none" data-elementdelay="0" data-endelementdelay="0" data-endspeed="600">
      <a href='/category' class="btn v-btn v-second-light">blog category</a>
      </div>
      </li>

      부분을 복사 하셔서 다음 <li> 태그 에 추가 해 주시면 됩니다.