Material T스킨의 마지막버전이 될 mark5입니다.


    당초에 유료스킨으로 공개할 예정이었지만, 유료로 판매할만한 퀄리티는 아닌것같아서 무료로 배포하게 되었습니다. 많은 이용 부탁드립니다.


    다만 커스텀 요청은 간단한 답변이 가능한 경우를 제외하고 유료로 제공하고자 하니 공지사항을 참조해주세요.


    Material T Mark 5의 2단형 버전!

    MaterialT mark 5.2 다운로드 - 2단형 반응형 스킨



    주요 특징

    • 반응형 1단 스킨 - 머티리얼 디자인의 깔끔함에 걸맞는 1단형 블로그 스킨은, 방문자가 더욱 본문에 집중할 수 있게 해줍니다. 

    • 반응형 스킨 유일 데스크탑모드 탑재 -이전에 작성한 글들이 반응형 모바일 레이아웃에 맞지 않아도 걱정하지마세요. 사이드 드로워를 통해 데스크탑모드로 들어갈 수 있습니다. 

    • 머티리얼 디자인 및 효과 적용 - 구글의 머티리얼 디자인 가이드에 따라 제작되었으며 곳곳에 머티리얼 효과들이 숨어있습니다.(예, 물결 클릭 효과)

    • 현재중심적인 시간표시 - 현재시간을 기준으로 시간이 표시됩니다. (예, 1시간 전, 5주 전) 1년 이상된 경우는 날짜가 표시됩니다.

    • 완벽한 썸네일 지원 - 티스토리의 최신 치환자가 적용되어있고, 최소한의 트래픽을 사용하여 썸네일을 불러옵니다.

    • 댓글영역 자동 링크 - 댓글영역에 url이 있는 경우 자동으로 하이퍼링크가 생성됩니다. 링크가 이미지인경우 이미지가 자동 삽입됩니다. (활성화 필요- 맨 밑에 강좌 참조하세요)

    • 관련글 지원 - 최신방식의 '카테고리의 다른글'기능입니다.


    • 모바일앱 스타일의 사이드 드로워 - 부드럽게 동작하며 빈공간을 클릭하는 것 뿐만 아니라 뒤로가기나 취소키로도 닫을수 있습니다!


    • 페이지 이동 없는 직관적인 검색방식


    • 페이지 이동 없는 추가 목록 불러오기


    • 반응형 티에디션 지원 - 티에디션을 사용하지 않아도 메인화면은 최신글 목록으로 표시됩니다. 거기에 원하는 글로 메인을 꾸미는 티에디션역시 지원합니다!

    • 스킨위자드 지원 - 스킨위자드를 통해 초보자도 쉽게 배경, 홈화면이미지, 본문 폭 등을 수정할 수 있습니다.





    필수 수정 사항

    이 부분을 수정하지 않으면 목록이 나오지 않습니다! 

    티스토리의 최신 구조에 맞도록 화면설정- 화면출력에서 붉은 부분을 수정해줍니다.

    (새로운 스킨 구조에서는 에드센스를 사용중이더라도 절대 정책위반이 될 위험이 없으니 안심하세요.)



    블로그 아이콘 표시를 해야 댓글,방명록에 작성자 아이콘이 표시됩니다.

    카테고리 글 더보기 플러그인은 새로운 방식으로 변경되었으므로 설정해지합니다.


    .


    다운로드

    materialTM5.zip



    2016-02-14 14:00 : 일부 화면에서 카드 배경 없음 수정 (이전에 받으신 분들은 skin.html만 교체하셔도 됩니다.)

    2016-02-14 19:00 : 댓글 자동 링크기능 수정했습니다. 이제 정상작동합니다.(활성화 필요, 활성화 강좌 참조)

    2016-02-25 22:00 : style.css에서 색상 수정 관련해서 버그를 수정했습니다.

    2016-03-10 13:44 : 댓글 자동 링크기능이 방명록에서도 작동합니다.

    2016-04-02 21:35 : index.xml에서 버전표시가 잘못되어있던 것을 수정했습니다.
    2016-06-09 09:45 : materialT.min.js파일 수정

    2016-06-10 17:17 : 댓글신고관련 수정

    2016-07-29 22:55 : 방명록에도 더보기 추가

    후원 안내

    material T 는 무료스킨입니다.

    스킨이 유용하다고 생각하신다면 후원으로 마음을 표시해주세요!

    후원하러가기

    후원을 해주신 분들께는 스킨 수정을 적극적으로 도와드립니다.




    라이센스 및 도움주신 분들.

    크리에이티브 커먼즈 라이선스 
    이 저작물은 크리에이티브 커먼즈 저작자표시-비영리-동일조건변경허락 4.0 국제 라이선스에 따라 이용할 수 있습니다. 

    Bootstrap - Code licensed under MIT

    Google material-design-icons : https://github.com/google/material-design-icons#license 

    Readiz님 - 이전스킨인 Fastboot제작자이시고, 각종 기술에대한 힌트를 얻었습니다. http://blog.readiz.com/

    est0que님 - Modern Basic스킨의 뼈대를 많이 이용했습니다. http://est0que.tistory.com/2125

    해커C님 - 트랙백 스팸차단 스크립트 http://hackerc.tistory.com/700

    Kong님 - 디자인 도움주셨습니다. http://kong-story.tistory.com/


    수정 강좌


    material T mark3 이후버전 티에디션 적용 방법


    Material T 커스텀 강좌 - 사이드바 추가하기


    MaterialT 커스텀 강좌 - 색상 변경 방법(mark3 이후)


    material T mark5 댓글 자동링크 활성화 하기


    Material T home카드 수정하기


    Material T 글자 크기 조절하기


    수정 강좌는 댓글 요청사항 보면서 차차 업로드 하겠습니다.

    저작자 표시 비영리 동일 조건 변경 허락
    신고
    Posted by 뭐하라

    문제가 있나요?(?)

    내용상 오류가 있음 업데이트 필요 화면이 깨짐 기타 수정이 필요함
    • 이전 댓글 더보기

    • 2016.08.05 08:39

      비밀댓글입니다

      • BlogIcon 뭐하라
        2016.08.05 09:22 신고

        조금 어려운데 여기서 카테고리로 검색해보세요

    • BlogIcon KOROKE
      2016.08.06 15:36 신고

      감사합니다.


    • 2016.08.21 16:55

      비밀댓글입니다

    • BlogIcon JourneyP
      2016.08.21 16:59 신고

      프로필 재 등록 했는데 뜨지않는데 사진사이즈도 제약이있나요

    • BlogIcon 악어왕!
      2016.08.28 12:13 신고

      다른 반응형 스킨 쓰다가 너무 깔끔해서 바꿨습니다!! 너무 맘에 드네요 ㅠㅠ 감사합니다.


    • 2016.09.09 11:43

      비밀댓글입니다

      • BlogIcon 뭐하라
        2016.09.09 14:29 신고

        스폰서애드는 잘 모르겠네요.. 스폰서애드는 전체를 지웠다가 필요한 부분만 다시추가해보시는게 좋겠습니다
        아래질문은 http://nubiz.tistory.com/645 이글을 참조해보세요

      • BlogIcon 고두암
        2016.09.09 15:29 신고

        뭐하라님~ 그리고 PC에서 본문을 열면
        사이드바에 설치한 배너광고가 제자리에 있지 않고 반대편(왼쪽)으로 가버리거든요! 뭐가 잘못된지 모르겠습니다.
        (아참~! 오른쪽이 아니고 왼쪽입니다)

      • BlogIcon 뭐하라
        2016.09.09 15:31 신고

        http://sskn1324.tistory.com/
        이블로그맞나요? 본문에는 정상이네요~

      • BlogIcon 고두암
        2016.09.09 15:37 신고

        네 맞는데요~ 본문을 열면 사이드바의
        배너가 1개만 오른쪽에 있고 나머지는
        왼쪽 하단에 가있어요! 블로그 마다
        전부 똑같은 현상입니다.

        그리고 본문하단 다른 카테고리 위에 설치한 광고도 나란히 배열되지 않고 하나가 아래로 내려가 버렸습니다.

      • BlogIcon 뭐하라
        2016.09.09 16:01 신고

        제가 확인할수있는수준에선 문제가없습니다
        html파일 내용을 보내주세요 email로 상담드리겠습니다 nubiz@naver.com


    • 2016.09.13 01:30

      비밀댓글입니다

      • BlogIcon 랑군이
        2016.09.13 02:03 신고

        아 여러가지 시도해보다가 html 수정에서 유튜브 비디오컨테이너 감싸기 부분 지우니까 동영상 크기 안변하네요 스킨 잘 쓸게용 ! 추석 잘 보내세여

    • BlogIcon 맏내
      2016.10.10 18:29 신고

      안녕하세요 현재 블로그스킨을 다른걸 사용해볼까 하던찰나에 뭐하라님 스킨을 보게되었습니다. 적용을 하였는데 뭐하라님 스킨은 크롬에서 봐도 사이드바가 나타나는데 제 블로그에서는 설명을 읽고 스킨을 맞게 적용하였는데도 크롬에서는 사이드바가 보이질 않습니다..ㅠㅠ 익스플로러로 접속 후 블로그에 들어가보면 사이드바는 잘 나타나는데 크롬에서만 사이드바가 안보이네요....ㅠ 저는 크롬을 주로 이용하는데.... 혹.. 해결방법이 있을까요?? 방법이 없어도 답댓글 주시면 감사하겠습니다..ㅠㅠ

    • BlogIcon 맏내
      2016.10.10 19:15 신고

      앗 안되서 댓글달았는데..ㅠㅠ 드디어 됩니다.. Adobe Acrobat이라는 확장프로그램을 크롬에서 꺼버리니까 사이드바가 눈에 보이네요 ㅎㅎㅎ 스킨 감사히 잘쓰겠습니다!!

      • BlogIcon 뭐하라
        2016.10.11 02:31 신고

        크롬을 기준으로 제작하기때문에 크롬에서만 안되는 일은 드뭅니다 해결되셨다니 다행입니다^^

    • BlogIcon 맏내
      2016.10.14 03:00 신고

      스킨을 적용하고 잘 사용하고 있습니다^^ 그런데 스킨을 둘러보던 중에 궁금한점이 생겼습니다. 공유버튼 중에 네이버블로그로 공유하는것도 넣을수 있는지 궁금합니다! 가능한가요??

      • BlogIcon 뭐하라
        2016.10.14 07:37 신고

        html을 잘찾아보시면 공유버튼 삽입한곳이 있는데 거기에
        https://developers.naver.com/docs/share/navershare
        여기있는 소스코드를 넣으시면 될것같습니다

      • BlogIcon 맏내
        2016.10.14 15:50 신고

        감사합니다!!

    • BlogIcon 강모사랑
      2016.10.26 23:18 신고

      저도 이걸로 바꿨습니다 딱 제가 원하던거였네요 !!

    • BlogIcon 강모사랑
      2016.10.27 00:43 신고

      한가지만 여쭤봐도되겠습니까... 위에서 말씀하셨던 < 관련글 지원 - 최신방식의 '카테고리의 다른글'> 이 4개 썸내일로 나오는게 저한테는 적용이 안됩니다. 바꾸라고 하신거 다바꿨는데 말입니다. ㅠ

      • BlogIcon 뭐하라
        2016.10.27 00:58 신고

        확인해보니 잘나오고있네요~ 카테고리에 다른글이 4개가 안돼서 1~2개만 나오고있는것입니다

    • BlogIcon 강모사랑
      2016.10.27 01:00 신고

      헉 그렇쿤요 카테고리에2개밖에안올린걸생각못했네요 감사합니다~^^

    • BlogIcon 호수요
      2016.11.08 22:32 신고

      안녕하세요.
      배포해 주신 스킨 감사히 사용하고 있습니다.
      그런데 이것저것 하다보니 질문이 하나 생겼습니다.
      더보기 기능을 통해 후반부에 있는 게시물에 들어 갔다가 다시 뒤로 돌아오면 원래 게시물 목록(후반부로 이동해서 보여졌던 게시물 목록)이 안나오고 다시 초기 게시물 목록으로 이동하여 후반부 게시물 목록을 보려면 다시 더보기 기능을 통하여 뒤로 계속 이동해야 하네요.
      이를 해결할 방법이 있을까요?
      감사합니다.

      • BlogIcon 뭐하라
        2016.11.09 12:06 신고

        당장은 해결하기어렵고 추후에 기능추가고려해보겠습니다 의견 감사합니다^^


    • 2016.11.26 22:46

      비밀댓글입니다

      • BlogIcon 뭐하라
        2016.11.27 08:18 신고

        html에서 <nav id="drawer"> 부터 아래있는 </nav>까지 지우시면될거같습니다

      • BlogIcon 케케님
        2016.11.27 17:41 신고

        감사합니다
        그 부분을 지웠는데요 드로워 부분은 없어졌는데 三이 부분을 누르면 창을 올리거나 내리거나 (스크롤)을 하지 못하더라구요
        지금 제 블로그에 적용해두었어요

      • BlogIcon 뭐하라
        2016.11.27 22:59 신고

        <div class="drawerToggle"><i class="ic-menu"></i></div>
        를 찾아 지우시면될것같네요~

      • BlogIcon 케케님
        2016.11.27 23:00 신고

        바쁘실텐데 죄송하고 감사드려요 ㅜㅜ!!


    • 2016.12.01 12:23

      비밀댓글입니다

      • BlogIcon Pings
        2016.12.01 13:28 신고

        새로 html 변경했더니 해결됬네요~

    • BlogIcon
      2017.01.06 15:46 신고

      좋은 스킨 감사드립니다. 새해 맞이 스킨 변경 성공하였습니다^^

    • BlogIcon i라일락i
      2017.01.07 04:35 신고

      좋은 스킨 저두 감사 합니다. 유료스킨 하셔도 좋을 정도 인데....뭐...어떤것 2개를 클릭이나 하고 갑니다. 좋은 시간 되세요.~

    • BlogIcon 데사루
      2017.01.08 09:42 신고

      안녕하세요 material t skin mark5 잘쓰고있는데요. 갑자기 메인배경화면이 계속 무한로딩에 돌입했네요.. 어찌해야될가요.. 또한 공지사항 쓰는법도 궁금합니다..

      • BlogIcon 뭐하라
        2017.01.08 09:50 신고

        다른플러그인 넣으시면서 스크립트가 꼬인것같은데요
        <div class="loader"></div> 찾아서 지우시면 로딩효과 없앨수있을겁니다.
        공지사항은 글쓸때 공지,서식 등으로 선택할수있습니다

    • BlogIcon game맨
      2017.01.17 17:53 신고

      스킨 감사합니다~!

티스토리 툴바