이번 강좌는 material T 스킨에서 메인화면을 편집하는 방법에 대해 알아보겠습니다.

    메인화면, 홈화면 용어의 혼용이 있는데, 그냥 같은거라고 보시면 됩니다 ^^


    메인 배경사진 변경(Mark1 전용)

    이상한 달걀 배경이 마음에 안드신다면, 800x600정도 크기의 원하는 다른 이미지를 "homeBG.jpg"로 이름을 바꿔 업로드만 하면 됩니다.




    .



    배경과 프로필 이미지 제거(Mark1 전용)

    1. skin.html에서 "홈 화면 카드 끝"으로 검색해서


    주황색 표시된 줄을 지웁니다.


    "//홈화면 인식"으로 검색해서 마찬가지로 주황색 표시된 줄을 지웁니다.




    최근글 카드 갯수 & 본문 글자수 조절(mark1,2)



    skin.html 제일 아래에 있는

    loadViaRSS함수의 인자를 조절하시면됩니다.

    예를들어 (4,40)으로 하시면 최근글 4개만 불러오고, 본문내용은 40글자만 표시합니다.


    불러올 수 있는 최대 갯수는 블로그의 RSS발행 갯수와 같습니다.



    본문내용 글자수는 길어질 경우 최근 글 카드의 배열이 이상해질 수 있으므로 40글자 정도를 추천합니다.



    카드 1줄로만 나오게 하기(Mark1 전용)

    Mark1의 메인화면 카드를 Mark2처럼 수정하는 방법입니다.


    skin.html에서 '//메인화면 로딩' 으로 검색하여

    위의 주황색표시된 ' col-md-6'을 삭제합니다.



    style.css에서 ".homeCard img[src"로 검색해서 주황색표시된 부분을 삭제합니다.



    Posted by 뭐하라

    문제가 있나요?(?)

    내용상 오류가 있음 업데이트 필요 화면이 깨짐 기타 수정이 필요함
    • BlogIcon 살구w
      2015.02.14 00:35 신고

      감사합니다 배경 부분만 없애는 방법이 있나요 흠

      • BlogIcon 뭐하라
        2015.02.14 00:38 신고

        그럼 굉장히 어색할텐데요..
        첫번째 지우는 부분에서 두개의 div중에 위의 것만 지우시고,
        두번째 지우는 부분을 지우지 말고 75vh를 200px정도로 수정해보세요

    • BlogIcon 살구w
      2015.02.14 00:43 신고

      감사합니다 드디어 되었습니다^^
      http://moreapp.tistory.com/ 요렇게 만들고싶어거든요 ~ ^^

    • BlogIcon 로보솜
      2015.02.15 00:08 신고

      메인화면을 뭐하라님 처럼 이미지 형식으로 하려면 어떻게 해야하나요??

    • BlogIcon 리얼망고
      2015.02.15 00:14 신고

      감사합니다.
      그런데 최근글 카드 갯수에서 (20,40)으로 설정해도 메인화면에서는 6개만 나옵니다.
      html에서 최근글의 날짜기준이 있는건가요? 아니면 티스토리 관리자에서 건드려줘야하나요?

      • BlogIcon 뭐하라
        2015.02.15 00:15 신고

        제가 들어가보니 잘나오고있네요~
        캐시때문에 잠시 그렇게 보일 수 있습니다

      • BlogIcon 리얼망고
        2015.02.15 00:20 신고

        아.. 어쩐지 메인이미지를 바꿔도 적용이 안되더라구요.
        캐시때문이였군요. ㅎㅎ


    • 2015.03.04 13:23

      비밀댓글입니다

      • BlogIcon 뭐하라
        2015.03.04 16:23 신고

        죄송합니다 그부분 크기가 반응형으로 계속 변하는부분이라 완전 잘리지 않게는 불가능합니다

    • BlogIcon PlayGlobal
      2015.03.25 15:59 신고

      최근글 카드를 불러오면서 내묭 말고 제목 글자수 조정은 어떻게 하나요? 제목이 길어지니까 카드배열이 깨지는 현상이 자꾸 생기는데요 이 부분에 대한 도움을 얻을 수 있나요?

      • BlogIcon 뭐하라
        2015.03.25 16:50 신고

        http://nubiz.tistory.com/583#comment12921330
        이 댓글 참조하시면 될것같습니다~^^

    • BlogIcon PlayGlobal
      2015.03.25 16:54 신고

      감사합니다~~~~~~~~~~

    • BlogIcon dekovegan
      2015.04.05 21:09 신고

      첫 화면 최근글 카드들의 썸네일 해상도를 조금 더 높이려면 어떻게 해야할지요? 노트북으로 볼때는 괜찮은데 핸드폰으로 보면 작은 이미지를 확대한 것처럼 픽셀이 보여서요. 제 핸드폰은 아이폰4입니다. 공유해주신 스킨 적용하고 블로그 시작할 수 있었습니다. 감사합니다. :)

      • BlogIcon 뭐하라
        2015.04.06 00:36 신고

        html에서
        tmpCard += ' <img src="' + thumbSizing(recent_items[i].thumb, "C220x220") + '"/>';
        를 찾아서
        220x220 숫자를 바꾸면되는데, 이게 어느정도 한계는 있습니다.
        280이었나.. 아무튼 이렇게 하더라도 어느정도 깨지는건 어쩔수가없네요~

      • BlogIcon dekovegan
        2015.04.06 01:16 신고

        알려주신대로 숫자를 바꿔봤습니다.
        혹시나 하는 마음에 조금씩 조금씩 올려서 이미지가 표시되는 마지막 크기를 보니 400x400인 것 같아요. 401x401 부터는 이미지가 표시되지 않더라고요.ㅎㅎ
        모바일에서 볼때 이미지가 확실히 선명해졌습니다!
        정말 감사합니다! :)

    • BlogIcon GI3
      2015.04.17 23:32 신고

      안녕하세요 메인화면에 카테고리 글이 나오지 않는데 어떻게 보이게 하나요?? 정말 답변 부탁드립니다.

      • BlogIcon 뭐하라
        2015.04.18 15:52 신고

        RSS발행을 해야합니다
        공개설정을 발행으로 고쳐주세요

    • BlogIcon GI3
      2015.04.18 16:11 신고

      발행으로 바꾸엇는데도 나오지를 않아요... 사이트주소 gbhome.tiatory.com
      입니다. 한번 봐주세요

      • BlogIcon 뭐하라
        2015.04.18 16:13 신고

        모든글을 발행으로 돌려보세요.
        http://gbhome.tistory.com/rss
        확인해보시면아시겠지만 발행된글이없네요~

    • BlogIcon GI3
      2015.04.18 16:35 신고

      글목록에서 발행으로 돌리면 되는거 아닌가요?? 우선 해보도록 하겟습니다.

    • BlogIcon GI3
      2015.04.18 22:45 신고

      뭐하나님 잘 적용했습니다. 예쁘게 사용하겠습니다.

    • BlogIcon FLIP.
      2015.06.12 23:53 신고

      감사합니다! 스킨 정말 정말 맘에 들어요^^

    • BlogIcon comma88
      2015.06.14 00:24 신고

      안녕하세요. ^^ 선생님의 스킨을 사용중, 궁금한게 하나 있어서 문의 드립니다. 메인 배경 사진이 PC화면에서는 잘 나오는데 다른 디바이스에서(모바일, 아이패드미니) 좌측 정렬로 보입니다. 그래서 올린 사진이 잘려서 보이는데, 이미지가 줄어들때 가운데 정렬로 할 수 는 없을까 해서 문의 드립니다. ^^
      제 블로그는 http://comma1988.tistory.com/ 입니다. ^^

    • BlogIcon 티샴
      2015.06.30 19:23 신고

      배경화면을 바꿀 때, 800x600 사이즈로 homeBG.jpg 에 덮어씌워 올렸는데도 이미지 변경이 안 됩니다. ㅠㅠ 변경할 방법이 없을까요..?
      블로그 주소는 http://intheflight.tistory.com 입니다.

      • BlogIcon 뭐하라
        2015.06.30 22:01 신고

        저장된 캐시때문에 그렇게보일뿐입니다. 캐시 삭제하시면 제대로 보일겁니다
        제가 접속해봤을땐 잘나오고 있으니 안심하세요^^

    • BlogIcon 오르빗
      2015.07.22 18:29 신고

      타이틀 변경이 안되요 ㅠㅠ;
      기존에 HomeBG없애고 같은 사이즈로 하나만든다음 추가해서 설정했는데 그대로에요

    • BlogIcon Calif
      2015.07.23 21:00 신고

      RSS로 다 발행했는데 왜 안될까용.. ㅠㅠ

      • BlogIcon 뭐하라
        2015.07.23 21:41 신고

        mark3버전을 이용해보시는게 어떠시겠어요?^^

      • BlogIcon Calif
        2015.07.23 23:17 신고

        오 감사합니다! 성공했어요~~

    • BlogIcon ㅋㅋ잠자
      2015.10.22 19:35 신고

      안녕하세요. ㅎㅎ

      뭐하라님의 스킨을 잘 사용하고 있는 1인입니다.

      blog.djjproject.com 입니다..

      다름이 아니라 원노트로 글을 작성해서 블로그로 올리고 있는데 글자가 맑은 고딕으로 고정이 되서

      폰트를 기본적으로 스킨에서 지원하는 나눔 바른 고딕으로 강제 적용되도록 하고 싶은데...

      폰트 선택창에 나눔바른고딕이 없습니다..

      이 부분은 어떻게 해결하나요>?

      • BlogIcon 뭐하라
        2015.10.22 20:02 신고

        원노트에서 폰트설정이 가능한경우 나눔바른고딕으로 설정하시면 되고, 다른 방법은 업로드 후 html편집모드에서 font-family부분을 일일히 삭제하시거나 맑은고딕을 NanumBarunGothic으로 고쳐주는 것입니다.
        font-family가 NanumBarunGothic이거나 아무것도 설정되어있지 않을때 나눔바른고딕으로 적용됩니다,

    • BlogIcon ㅋㅋ잠자
      2015.10.31 15:05 신고

      덧글 감사합니다 ㅎㅎ

    • BlogIcon 뮤뉴
      2017.01.07 16:43 신고

      안녕하세요.. Material T Skin Mark5로 잘 쓰고있습니다.. 그런데 메인 화면 달걀사진있잖아요. 그걸 다른 사진으로 변경하려고 하거든요..
      그래서 HomeBG.jpg 라고 바꿀사진을 그 이름으로 변경하고 업로드하니 기존의 달걀사진HomeBG.jpg가 있고 제가 새로 추가한 사진 homeBG.jpg.jpg가 있어요.. 제가 뭔가 실수를 한 것같은데.. 이게 메인화면이 달걀사진 그대로더군요.. 어떻게 해야할지 막막해서 덧글남겨봅니다. ㅠ

      • BlogIcon 뭐하라
        2017.01.07 16:48 신고

        .jpg를 지우고 다시업로드해보세요
        혹은 스킨위자드에서 바꿀수도있습니다