티에디션으로 티스토리 메인화면 꾸미는 방법 :: 엠원스킨

티스토리는 정확히 구분하자면 사이트가 아니라 블로그입니다. 그래서 첫 메인페이지같은 경우 우리가 흔히 보던 글내용이 바로 보이는 형식을 취하고 있습니다. 기본적으로 그렇게 설정이 되어 있지요. 그러니깐 가장 최근에 쓴 글이 메인페이지에, 즉 자신의 티스토리 주소로 들어가면 제일 먼저 보이게 됩니다. 이것이 좋은분들도 있겠지만 대부분 메인페이지를 좀 꾸미고 싶은 분들이 많은데요. 방법은? 역시 있습니다. 바로 티스토리에서 자체 지원하는 티에디션을 이용해서 수정하는 방법입니다. 자 그럼 티에디션으로 엠원스토리에서 현재 적용하고 있는 메인페이지와 똑같이 만드는 방법을 알려드리겠습니다.

 

 

 

1. 우선 블로그관리홈으로 가셔서 꾸미기-스킨 편집을 클릭합니다. 그리고 아래 사진처럼 설정을 합니다. 티에디션을 눌러서 활성화 상태로 바꾸고, 홈 화면에 편집 버튼 표시를 비활성화하고, 일단 저장을 합니다. 그리고 티에디션 편집을 누르면 세부설정화면으로 넘어갑니다.

 

 

 

2. 설정화면으로 넘어가면, 아래 사진처럼 뜨게 되는데 빨간줄 표시부분의 X표를 눌러서 제거를 합니다. 지금 현재는 두개의 레이어가 존재하는 상태라고 보시면 됩니다. 그래서 레이어를 한개로 만들어주는 것입니다. 저는 레이어 한개로 작업을 하겠습니다.

 

 

 

3. 아래 사진처럼, 한개의 레이어만 달랑 있게 되었습니다. 그리고 빨간네모표시 안쪽에 마우스를 갖다대면 클릭하는 부분이 있는데, 잘 찾아서 눌러줍니다. 그러면 해당 레이어를 선택하게 된겁니다. 

 

 

 

4. 그러면 아래 사진처럼, 좌측의 설정박스가 하나 생기는데, 목록형 탭을 선택하시고, 하단의 우측 화살표를 눌러 다음페이지로 넘어가서, 3번같은 레이아웃을 선택합니다.

 

 

 

5. 그다음은 아래 사진처럼 +버튼을 눌러서 5줄 정도로 만들어줍니다. 4번 정도 눌러야겠죠 ㅎㅎ

 

 

 

6. 그다음엔 아래 사진처럼 디자인탭을 선택하고, 빨간줄표시부분처럼 똑같이 모두 설정을 합니다. 그리고나서 글요약이라고 되어 있는 부분의 우측에, 하단을 가리키는 화살표를 클릭합니다.

 

 

 

7. 이제는 글요약부분을 설정하는겁니다. 역시 아래사진처럼 똑같이 설정을 합니다. 다했으면 위쪽에 HTML 버튼을 클릭합니다.

 

 

 

8. 여기서 첨부파일의 소스를 복사해서, 아래 사진처럼 기존의 소스위에 붙여넣기 합니다. (일반형 스킨을 사용하시면 일반형 소스를, 반응형 스킨을 사용하시면 반응형 소스를 사용하시면 됩니다.) 그리고나서 적용을 누릅니다. 끝난것이 아닙니다^^

 

티에디션 삽입소스 (일반형).txt

티에디션 삽입소스 (반응형).txt

 

 

 

9. 아래 사진처럼 적용하기를 누르면, 팝업창이 하나 더 뜨는데 여기서 또 적용을 누르면 됩니다. 이렇게 하면 설정이 모두 끝났습니다. 이제 엠원스토리 블로그와 똑같이 되셨을겁니다. ㅎㅎ

 

 

댓글(15)
  1. 홍씨냠냠 2018.01.11 05:54 신고 댓글주소  수정/삭제  댓글쓰기

    감사합니다. 저도 잘 따라하고 있어요!
    참, 사이드바에 최근글 하고 최근댓글 하고 떼어서 따로 보는 방법 있을까요?
    한눈에 쏵 보였으면 좋겠어요.

  2. BlogIcon 친절한 한이사 2018.02.07 12:57 신고 댓글주소  수정/삭제  댓글쓰기

    메인화면에 티에디션의 광고를 넣은건 애드센스 코드 그대로 넣으면 되는건가요? 첨부파일의 소스에다가 추가해서 붙여 넣어야 하는건가요?

  3. BlogIcon 황색언론 2018.02.17 03:56 신고 댓글주소  수정/삭제  댓글쓰기

    감사합니다. 너무 잘 쓰고 있습니다.
    헌데 메인화면에서 본문에 없는 썸네일이 나오게 하는 효과는 어떻게 하나요.
    너무 궁금합니다 ^^

  4. BlogIcon iAm에이영 2018.02.23 13:46 신고 댓글주소  수정/삭제  댓글쓰기

    안녕하세요 엠원스토리님이 만드신 스킨 이쁘게 잘쓰고있습니다
    메인화면 꾸미는 방법도 포스팅 보고 쉽게 따라했어요 감사합니다^^
    여쭤보고싶은게 있는데 고객센터에 프로필사이즈 변경을 문의했더니 스킨제작자에게 문의하면 된다고 해서
    제가 프로필소개도 보여지게끔 해놓았는데 사이즈가 너무 크게 보여 작게보이게끔 조정하고싶은데
    스킨편집 HTML에 들어가 블로그이미지 사이즈 부분을 찾으려고해도 잘못찾겠습니다 엠원님 답변 부탁드리겠습니닷

    • BlogIcon 엠원 #관리자 2018.02.23 14:51 신고 댓글주소  수정/삭제

      CSS편집에서 아래 소스를 수정하시면 됩니당 width값을 변경해주시면 되겠네용.

      /* 블로그 소개 위젯 s */
      #bloginfo img { width: 100%; }
      #bloginfo { padding:0 0 0 0; }
      /* 블로그 소개 위젯 e */

  5. BlogIcon compunik 2018.03.08 10:55 신고 댓글주소  수정/삭제  댓글쓰기

    안녕하세요 반응형 감사하게 잘설치하였습니다.
    그런데 티에디션 화면에서 똑같이 따라하고 위에 광고하나, 중간광고하나를 넣었는데요. 새로고침할때마다 상단광고가 사이즈가 작아졌다 커졌다 계속 바뀌네요. 중간거는 딱 맞게 계속 나오는데요. 그리고 모바일에서도 처음 링크로 바로 접속하면 딱 가로사이즈 맞게 나오는데 가운데 상단 타이틀눌러 새로고침이 되면 가로보다 더 큰사이즈가로로 사이즈가 잡혀버리는데 왜그럴까요? 어떻게 해야할지 죄송하지만 도움을 주시면 감사하겠습니다.

    • BlogIcon 엠원 #관리자 2018.03.08 12:57 신고 댓글주소  수정/삭제

      애드센스 반응형 광고가 원래 좀 그렇습니다. 스킨 문제는 아니고요, 애드센스 반응형 코드 문제입니다. 반응형광고의 단점이라고 봐야겠죠. 사이즈가 고정이 아니니깐요. 광고소스를 수정하신게 아니라면 정상적인 현상입니다. 그러다가 자리를 잡기도 하더라고요.

    • BlogIcon compunik 2018.03.08 13:54 신고 댓글주소  수정/삭제

      네 그렇긴한데 엠원님 홈피는 전혀 문제가 없으시길래요 ㅋㅋ 알겠습니다. 감사합니다.

  6. BlogIcon Chloe.lee 2018.04.01 00:08 신고 댓글주소  수정/삭제  댓글쓰기

    안녕하세요. 티에디션에서 설정을 하고 적용하기까지 했는데 왜 메인에 안나올까요..그냥 최신글이 나오네요. 혹시 아실까해서 여쭈어봅니다

  7. BlogIcon 우주보스 2018.04.15 21:41 신고 댓글주소  수정/삭제  댓글쓰기

    운영자님~ 좋은 스킨을 이렇게 무료로 배포해주시고
    친절하게 설명까지 잘 해주셔서 너무너무 감사드립니다^^
    질문 한가지만 드리겠습니다. 메인에 나오는 썸네일들의 사이즈를 조금 더 키우고 싶은데
    어디에서 손을 봐야 하는걸까요? (제가 왕초보라^^;;)
    운영자님께서 첨부해주신 소스를 삽입하니 썸네일이 운영자님의 블로그 메인 썸네일에 비해서
    조금 작은 것 같아서요. 알려주시면 감사하겠습니다. 수고하십시오^^

티스토리 툴바