toPiece_v3.1.0 update 티스토리 스킨 업데이트



티스토리 스킨 toPiece_v3.1.0 업데이트 내역 공유합니다.



toPiece_v3.1.0 업데이트 내역

 

- 썸네일 리스트 중 가장 최신 썸네일은 큰 사이즈로 노출(선택 가능)

- 사이드바에 티스토리 기본 메뉴 추가

- 댓글 목록에서 수정/삭제 버튼 기본 숨김 처리(오버시 노출)



오랜만의 업데이트를 하네요.

예전에 어느 분께서 첫 썸네일은 크게 보여주자라고 제안을 주셨는데(http://todiva.com/9#comment15409636) 큰 공부 되었습니다.


아래 업데이트 되는 내용이 필요하신 분에게 유용하게 잘 쓰였으면 좋겠습니다.



toPiece_v3.1.0 update 티스토리 스킨 업데이트



큰 썸네일 적용 시 위 캡쳐 이미지처럼 보여질 것입니다. 어찌하다 보니 제 뒤통수가 나왔네요.



첨부 된 skin.html 내에 아래처럼 주석을 넣었습니다.

<!-- 목록에서 첫 게시글은 큰 썸네일(아래 빈 class에 first_thumb 를 넣어주세요.) -->

빈 class에 first_thumb을 입력 후 저장하시면 위 이미지처럼 PC와 모바일에서 적용이 될 것입니다.



toPiece 스킨에서 티스토리 로그인이 참 번거로웠었는데 이번 업데이트로 편리하게 접근 할 수 있습니다.

( Readiz님 포스팅 참고 - http://blog.readiz.com/236 )



각 admin, write, link 메뉴들도 style.css 파일에서 원치 않는 메뉴는 숨김처리 가능하게 했습니다.

많은 분들이 더 편리하게 toPiece 스킨을 사용했음 좋겠네요.


이제 기능적인 업데이트는 없을 듯 합니다.



앞으로는 고화질 사진을 다루는 반응형 스킨 디자인을 만들 예정입니다. 좋은 아이디어는 언제나 환영합니다.




toPiece 3.1.0 버전은 아래 파일을 다운로드 하시면 됩니다.



toPiece_v3.1.0.zip




* 주의 : 스킨을 이미 커스터마이징 하신 분들은 수정 내용들을 꼭 백업을 해두시고 스킨 적용하시길 바랍니다.


  • 이전 댓글 더보기
  • BlogIcon lifephobia 2015.09.05 06:35 신고

    우왓, 업데이트가 되었군요!
    일단은 받아놓고, 주말 중에 적용해 보겠습니다.
    항상 감사합니다.

    • BlogIcon toDiva 2015.09.07 08:08 신고

      응원 항상 감사합니다. ^^

  • BlogIcon 프리타 ( P R I T A A ) 2015.09.05 13:10 신고

    꾸준히 방문하는 사람입니다.
    지속적인 업데이트 정말 너무 감사합니다.^^!

    이번 공모전에 수상하실줄알았는데 ...
    수상 블로그에 없으셔서 내심 조금 놀랬습니다.

    (어찌 되보니 todiva님의 팬이 되었는지도 모르겠네요.)

    마지막으로 제 블로그에 todiva업데이트 내용대로 모두 적용했는데..
    블로그 메인 썸네일 적용이 잘되지 크롬 브라우저에는 작동을 안하는것같아 조심스럽게 질문드려 봅니다.)

    • BlogIcon toDiva 2015.09.07 08:13 신고

      안녕하세요 현명's님. 자주 오셔서 반갑네요.
      공모전이야 뭐.. 큰 데미지는 없었습니다 ^^
      이번 업데이트도 크롬까지 확인을 하고 올렸는데 현명님의 댓글을 폰으로 확인하고 주말내내 PC로 볼 수 없어서 답답했습니다. 실수했나 싶어서요.
      하지만 지금 현재 확인 결과 문제 없습니다. 혹시 새로고침 한 번 해보시겠어요?
      사이즈 커스터마이징하셨던데 아래 댓글을 한 번 확인해 주세요. 도움이 되실 겁니다.
      http://todiva.com/3#comment15426006
      위 댓글 요점은 사이즈를 변경할 시 그 값을 wrap에도 적용이 되어야 합니다.

  • BlogIcon 뉴질랜드 외국인 2015.09.05 22:18 신고

    수고 하셨습니다 :) 업데이트 되기만을 기다리고 있었네요. 제 블로그에 포스트를 http://korean.jinhee.net/136 올렸는데요. 혹시 도네이션 받으실 의향 있으시다면 비밀글로 남겨주시면 감사하겠습니다 :)

  • BlogIcon 뉴질랜드 외국인 2015.09.05 23:01 신고

    지금 받아보고 사용중입니다 :) 약간 헷갈리는 게 있어서 정리하자면, 데스크탑에서 리스트를 '썸네일로 보여주기+첫 글은 큰 썸네일로 적용'하면 모바일에 지원되는 '리스트로 보기' 기능은 사용을 못하는 것인 듯 한데 맞는것인가요?

    모바일에서 썸네일로 보는 것은 상관없지만 썸 네일에 대한 제목이 없어서 (데스크탑은 롤오버를 하니 글 선택 전에 무슨 내용인지 확인할 수 있어 괜찮음) 모바일은 press와 동시에 click이 되는 것이니 글 제목을 볼 수 없다는 게 약간 아쉽습니다 :)

    • BlogIcon toDiva 2015.09.07 08:06 신고

      네 외국인님.
      썸네일 부분은 외국인님이 정확하게 말씀하셨습니다.
      모바일에서 리스트를 보이기 원하시는 분은 큰 썸네일 또한 필요치 않을거라는 판단이 있었습니다.

      모바일에서 목록을 작은 썸네일과 제목이 같이 노출되는 것으로 업데이트 한 번 고려해 보겠습니다. 그 부분 니즈가 꽤 있네요.

  • BlogIcon jeyo 2015.09.06 14:35 신고

    이쁜스킨,잘 적용했습니다.
    감사히 잘 사용 하겠습니다...
    혹 나중에 업데이트를 하신다면, 상단 메뉴에 서브메뉴가 나오는 드롭다운방식에 대해서도 고려 해주셨으면 합니다.

    • BlogIcon toDiva 2015.09.07 08:08 신고

      안녕하세요 헬로우 제이님.
      상단 메뉴의 드롭다운 방식은 초기 설계에서부터 의도되지 않아 업데이트 계획이 없습니다. 모바일의 상단 메뉴까지 흔들리는 부분이라 그렇습니다.

  • BlogIcon Youchang 2015.09.06 15:08 신고

    첫번째 썸네일을 크게 해달라는 제 의견을 반영해주셔서 감사합니다.
    잘 쓰겠습니다.

    질문이 하나 있습니다.
    댓글에 파비콘이 크게 나오는데요. 파비콘 대신 블로그 아이콘을 크게 나오게 하려면 어디를 수정하면 될까요?

    • BlogIcon toDiva 2015.09.07 08:17 신고

      오셨군요 ^^
      플로그인 미설정 문제인 경우가 많더군요. 아래 댓글도 확인해 주세요.
      http://todiva.com/11#comment15422694

  • BlogIcon wonJJu(원쭈) 2015.09.06 18:49 신고

    와우~~~ 또한번 멋진 업데이트가 이루어졋네요^
    업데이트가 올라올때마다 웹언어를 배울까하는 생각이 가득하네요.

    • BlogIcon toDiva 2015.09.07 08:15 신고

      안녕하세요 원쭈님.
      웹언어라고 하니 굉장히 어려운걸로 느껴지는데 실상은 크게 어렵지 않습니다. 시작한다면 조금이나마 도움을 드릴 의향은 있습니다. ^^;

  • 2015.09.07 11:28

    비밀댓글입니다

    • BlogIcon toDiva 2015.09.07 13:10 신고

      또 오셨군요 ^^
      그리 생각하시는거 보니 절 좋아하시는군요. 말씀만이라도 너무 감사합니다. 더 분발하겠습니다. ^^

  • BlogIcon TEAM HOBBYIST 2015.09.09 15:54 신고

    스킨 항상 감사드립니다.
    아직 최신버전 적용은 안해보았지만 매일 들어와 업데이트 확인하고 있습니다.^^;;;

    • BlogIcon toDiva 2015.09.09 23:08 신고

      오셨군요 ^^
      응원 항상 감사합니다.

  • 2015.09.09 23:02

    비밀댓글입니다

    • BlogIcon toDiva 2015.09.09 23:11 신고

      안녕하세요 파란님^^ 티스토리 오신걸 환영합니다.
      저도 티스토리 블로그 처음 하는거라 반갑네요. 계속 티스토리 공부 중입니다.
      말씀하신 현상은 처음 제보 받는건데 내일 아침에 PC에서 확인하겠습니다.

    • BlogIcon toDiva 2015.09.10 08:02 신고

      좋은 아침입니다.
      크롬 시크릿모드로 확인해 본 결과 저는 그런 현상이 없는데 난감하네요.
      하지만 체크해두고 있겠습니다. 고맙습니다 ^^

    • BlogIcon 블로그탐구생활 2015.09.10 10:36 신고

      아 닉이 바껴버렸네요;;

      순간증상이라 캡쳐하기 어려운 부분이 있긴 하지만
      혹시라도 캡쳐할수있게되면 전달드리겠습니다^^
      감사합니다^^

  • BlogIcon HAWOOL 2015.09.10 20:44 신고

    스킨이 무척 이쁘고 깔끔합니다.!

    • BlogIcon toDiva 2015.09.11 15:45 신고

      안녕하세요 JIYUL님. 칭찬 감사합니다 ^^;

  • BlogIcon 필드Joan 2015.09.10 21:18 신고

    안녕하세요. 오늘 Diva님 스킨으로 변경하였습니다... 깔끔하고 마음에 드네요.
    궁금한게 하나 있어서 문의 드립니다.
    오른편 카테고리가 펼쳐져 있는데 상위 카테고리만 보이고 클릭시 하위 카테고리가 보이게 변경하려면 어떻게 해야할까요?
    계속 검색하고 해보는데.... 티스토리 소스가 익숙하지 못하다보니 어렵네요.

    • BlogIcon toDiva 2015.09.11 15:47 신고

      안녕하세요 필드Joan님.
      조금 시간이 필요하지만 답변을 준비해 보겠습니다. ^^

    • BlogIcon 필드Joan 2015.09.12 22:39 신고

      toDiva님 고맙습니다. ^^

      그리고, 제 블로그 댓글 이모티콘은
      PC에서 작성된게 아니라 티스토리앱에서 댓글 작성하면, 이모티콘이 가능한 것 같습니다.

    • BlogIcon 필드Joan 2015.09.12 22:51 신고

      toDiva님 궁금한게 하나 더 있어서... ^^;
      제 블로그에서는 댓글을 달아도 저의 가필드캐릭터가 안나타나네요.
      이건 어떤 부분을 고쳐야 할까요? 귀찮게 해서 죄송합니다.

    • BlogIcon toDiva 2015.09.13 11:02 신고

      관리 > 플로그인 설정 > 블로그 아이콘 표시 설정하시면 됩니다.

    • BlogIcon 필드Joan 2015.09.13 22:11 신고

      toDiva님 고맙습니다. 아이콘문제는 해결되었습니다. ^___^

      두가지 질문 드릴께요. (자꾸 귀찮게 해서 죄송합니다 ㅜ.ㅜ)

      하나는, 예전에 새덧글이 생기면 알림 기능이 되었는데 이번 스킨은 그 기능이 없는 건지 궁금합니다. 제가 쓴 글에 답글이 달려도 확인이 안되네요.

      두번째는 글쓰기를 하고 저장을 하면 블로그 형식으로 보여지지 않고, 관리의 글목록으로 들어갑니다. 이부분은 어떻게 수정해야하는지 궁금합니다.

    • BlogIcon toDiva 2015.09.13 22:59 신고

      1. 지금 현재 티스토리에서 오류가 생긴건지 알림 기능이 정상적으로 작동하지 않고 있습니다.
      2. 티스토리 관리자의 로직상 수정할 수 없는 부분입니다.

    • BlogIcon 필드Joan 2015.09.14 07:42 신고

      답변 감사합니다.
      알림 기능이 빨리 제대로 되면 좋겠네요. ^^

      월요일입니다. 좋은한주 보내세요.

    • BlogIcon toDiva 2015.09.14 10:07 신고

      필드Joan님의 제안내용을 업데이트 포스팅으로 준비했습니다.
      http://todiva.com/13

      필드Joan님도 즐거운 한 주 되시길 바래요.

  • BlogIcon 블로그탐구생활 2015.09.10 21:59 신고

    안녕하세요 어제 방문드렸던 파란=탐구생활입니다.
    의도치 않게 문의드렸던 부분 캡쳐를 해서 글을 남기게 되었습니다.
    짬이 나시게 되면 링크 걸어둘테니 한번 방문해주셔서 확인부탁드리겠습니다.
    http://personalsolution.tistory.com/6
    입니다^^;

  • BlogIcon 꿈토끼양 2015.09.11 12:53 신고

    Diva님, 안녕하세요. 좋은 스킨 제공에 감사드리며, 질문이 있습니다.

    블로그의 게시물을 미리보기가 제공되는 곳에 링크하면(예: 페이스북) 아래 그림에서와 같이 작성자: TODIVA라는 문구가 뜹니다.
    http://cfile29.uf.tistory.com/image/253BA14755F24EE42AFA86

    스킨 제작자가 아니라 게시물을 작성한 사람이 TODIVA 님이라는 오해가 생길 것 같아요.

    이전에 티스토리에서 제공되는 기본 스킨을 커스텀해서 사용할 때는 "작성자: ㅇㅇ" 영역이 아예 뜨지 않았어요.
    이곳을 없애거나, 혹은 글쓴이의 닉네임으로 넣는 방법 없을까요? (저는 남편과 함께 팀블로그로 운영 중이라, 글쓴이의 닉네임이 나오게 된다면 더 좋을 것 같습니다.)

    * 그리고 바로 위에 탐구생활님이 올리신, 페이지 상단에 순식간에 코드가 보였다 사라지는 현상은 저도 가끔 봤습니다. 단순히 로딩에 시간이 걸려 그런 것이겠거니 생각하고 있었어요. ^^;

    • BlogIcon toDiva 2015.09.11 16:11 신고

      오셨군요 꿈토끼양님.
      지금 엄청난 걸 말씀해주셔서 너무 고맙습니다.
      topiece스킨의 skin.html 파일이 티스토리 치환자로 변환하기 전 메타태그에 content="toDiva" 가 그대로 들어가 있어서 나타나는 현상입니다. "toDiva" 라는 문구를 다 원하시는 문구로 변경하시거나 또는 "[$$_blogger_$$]"($를 #으로 바꿔주세요) 치환자를 넣으시면 됩니다.
      본문에는 수정 된 파일을 올려두었습니다.

      그리고 위의 오류는 해당 포스팅에 댓글을 달아두긴 했는데 저로서는 알 수 없는 현상이네요 OTL

    • BlogIcon 꿈토끼양 2015.09.11 19:43 신고

      해결법을 알려 주셔서 감사합니다. 말씀해 주신 치환자로 변경하니 블로그의 소유자명으로 잘 표시되네요 ^^
      단, 저는 팀블로그를 사용하고 있는지라, 글쓴이가 아닌 블로그의 소유자명이 나오는 바람에 해당 부분을 비워 뒀습니다. 아무튼 감사드립니다^^

      위 오류는... 저는 티에디션을 쓴 적이 없는데도 발생하는 걸 보니 티에디션 이슈는 아닌 듯해요 ^^;

  • 2015.09.11 21:34

    비밀댓글입니다

    • BlogIcon toDiva 2015.09.13 11:05 신고

      안녕하세요.
      toPiece 스킨은 꾸미기 > 화면 설정 > 화면출력 에서 기본화면 글1개, 선택화면 글 목록(원하는 갯수), 목록만 설정해주시면 사용할 수 있습니다.

  • BlogIcon 경남사랑 2015.09.12 18:41 신고

    처음 왔는데 정말 멋진 스킨이라서 다운받고 바로 적용했습니다. 그냥 그대로 써도 될 것 같네요. 공유해주셔서 감사합니다.^^ 아주 깔끔하네요.^^

  • BlogIcon 경남사랑 2015.09.12 18:50 신고

    그런데 목록보기를 했을 때 갤러리형으로 뜨는 걸 목록형으로 바꾸는 방법은 없을까요? 저는 사진보다는 글이 중심이라서...

    • BlogIcon toDiva 2015.09.13 11:15 신고

      안녕하세요 경남사랑님.
      toPiece 스킨은 글로 노출되는 리스트도 가능합니다.
      1. 기본형은 PC+모바일 모두 갤러리형 목록입니다. class명 fixed_img_col
      2. PC+모바일 모두 텍스트형 목록은 class명 fixed_txt_col
      3. PC화면에서 갤러리형 + 모바일화면에서 텍스트형 목록은 class명 mobile_list
      자세한 내용은 아래주소의 업데이트 포스팅을 확인하시면 도움이 될 것 같습니다.
      http://todiva.com/6
      http://todiva.com/9

      궁금증이나 의문사항 언제든지 댓글 주세요.

    • BlogIcon 경남사랑 2015.09.13 16:04 신고

      아.. 제가 설정한 스킨에도 이미 설명이 나와 있었군요. 바로 적용했습니다. 친절한 설명 감사합니다.^^

  • 2015.09.16 19:01

    비밀댓글입니다

  • BlogIcon Motonamic / 모토나믹 2016.05.08 05:54 신고

    질문이 있는데요. 현재 버젼으로는 커서를 사진위에 올려야만 제목이 뜨고 색상이 바뀌는데.
    그러한 효과 없이 커서가 사진위에 위치하지 않아도 글제목이 뜨게 수정하려면 어떻게 하는지 궁금합니다. ㅜㅠ

    • BlogIcon toDiva 2016.05.09 08:35 신고

      안녕하세요 EngPi님.
      관리 > 꾸미기 > HTML&CSS > CSS 에 보시면 아래 내용이 있습니다.

      /* 롤오버 시 제목-작성일 노출 */
      .fixed_img_col a strong { opacity:; }
      .fixed_img_col li:hover a strong { background:#ec008c; }

      opacity:1; 로 하면 항상 노출이 될 것입니다. 아래 background는 원하는 컬러로 변경하시면 됩니다.

    • 2016.07.28 22:07

      비밀댓글입니다

  • BlogIcon 감자2014 2016.06.02 07:31 신고

    오오오오오!!! 더 예뻐졌네요. 감사합니다. :")

티스토리 툴바