엠원리액트 (M1react) Ver.1.0 스킨다운로드 :: 엠원스킨

일반형에 이어서 반응형 스킨도 접수한다! 엠원스킨의 엠원리액트(M1react) 테마스킨입니다. 반응형 스킨이고, 설치후 간단한 티스토리 기본 설정만 하시면 바로 사용이 가능합니다. 스킨은 2단형식의 가장 대중적인 형식이고, 본문 사이즈는 728px, 사이드바 사이즈는 외부 300px, 내부 250px입니다.

 

광고에 최적화 된 레이아웃으로 만들어졌고. 특히 애드센스에 최적화가 잘 되어 있습니다. 애드센스에서 가장 수익이 좋다는 300x250, 반응형(728x90), 250x250 등을 쉽게 배치할 수 있습니다. 모바일은 반응형 스킨이므로 따로 광고 설정을 하실 필요가 없습니다. 광고배치에 대한 설명은 하단의 사진을 보시면 이해가 더 쉽습니다.

 

엠원리액트 스킨은 깔끔함과 최적화를 최우선으로 한 스킨입니다. 깔끔함이란 가독성 좋은 레이아웃과 광고배치의 깔끔함이고, 최적화는 스크립트를 거의 사용하지 않는 스크립트최소화 시스템을 구축해서 로딩이 빠르고, 오류가 적고 조잡스럽지 않습니다.

 

 

모바일뷰는 아래 사진처럼 보여지게 됩니다. 기존 PC버전 레이아웃의 느낌을 그대로 살려 일체감을 주었으며, 메뉴를 최소화해서 정말 필요한 것만 출력되게 하였습니다. 좌측 햄버거 버튼을 누르면 카테고리 메뉴가 출력되며, 우측 검색 아이콘을 클릭하면 검색창이 출력됩니다.

 

 

다운로드 : M1react ver 1.0.zip

 

 


 

주의사항

반응형 스킨은 티스토리 운영자가 글을 등록할 때, 관련 반응형 코드를 직접 넣어줘야 바르게 작동을 합니다. 예를 들어 유튜브동영상, 카카오TV 동영상 등을 삽입 할 때, 최적화코드를 넣어줘야 된다거나, 표를 만들 시, width 값을 100%로 변경하거나 등등 운영자의 세심한 관리가 필요합니다. 이점을 숙지하셔야 하며, 이점이 껄끄럽고 부담스러우시면 일반형을 사용하시면 됩니다.

 


 

설치, 설정 방법 : http://m1story.tistory.com/72

댓글(46)
  1. 이전 댓글 더보기
  2. BlogIcon 막스무스 2018.02.08 15:28 신고 댓글주소  수정/삭제  댓글쓰기

    사용중 문의드립니다.
    제목 줄 간격에 대해서요...제목이 한줄로 되었을 때는 문제가 없는데, 두 줄이 되었을때 줄간격을 좀 더 주고싶은데 어디를 봐야할지 몰라서요....
    css에서 post h2를 찾아 조정을 이리저리 해도 안되네요.

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

      글 타이틀 부분에 대해서 따로 정의가 들어가지 않고, 폰트사이즈만 정의가 되어 있어서 수정하기가 힘드실겁니다. 추후 패치버전에 한번 참고해보겠습니다. 개인적으로 타이틀의 줄간격은 지금이 더 좋긴 합니다. 타이틀에도 줄간격이 있을 경우, 본문하고도 구분도 좀 안되는거 같고 ㅎㅎ 아무튼 참고할게용 ~

  3. BlogIcon 소중한하루하루 2018.02.09 16:48 신고 댓글주소  수정/삭제  댓글쓰기

    혹시 화면이 작아지면 카테고리 등이 하단으로 내려가는데... 모바일처럼 하단에 카테고리,공지사항 등 없어지게 할 수는 없나요? 화면이 크면 카테고리가 오른쪽으로 가서 상관은 없는데... 화면이 작아지면 하단에 있을 필요가 없어서...

    • BlogIcon 엠원 #관리자 2018.02.09 20:15 신고 댓글주소  수정/삭제

      CSS 가보시면 사이드바 관련 소스들이 있는 곳에, 예를들어 #sidebar_plus_category 라고 있는데. 이것이 사이드바-카테고리 부분입니다. 이 부분을 #sidebar_plus_category {display:none;} 으로 바꾸시면 됩니다. 단, 주의하실점은 모바일부분에서 설정하셔야 합니다. 위 코드같은 것을 검색하시면 위,아래로 두개다 나올겁니다. 위쪽이 pc에서 보이는부분이고, 아래쪽에 나오는 소스가 모바일관련입니다. 추후에 이부분에 대한 설정글을 올려야겠네요 ㅎㅎ

  4. BlogIcon 소중한하루하루 2018.02.11 15:35 신고 댓글주소  수정/삭제  댓글쓰기

    좋은 스킨입니다... 적용을 해서 운영을 하루 해봤는데... 흠... 일단 화면의 가로폭이 작아지면 display:none으로 해결이 되고요... 맨위로가기 버튼이 없어서 수작업으로 만들어 쓰기는 했는데 가장 큰 문제점은 사이드바를 열었을 때 닫기를 하려면 맨위로 가서 삼선아이콘을 클릭해야 하는 게 불편하네요..카테고리가 많으면 삼선메뉴가 안보여지게 밑으로 내려가서... 다른 스킨들은 빈공간을 누르면 사이드바가 사자리기도 하는데... 써 보고 싶은 스킨이지만 일부가 약간만 수정하면 정말 좋은 스킨이 될 수 있을 것 같습니다.

    • BlogIcon 엠원 #관리자 2018.02.11 15:56 신고 댓글주소  수정/삭제

      말씀감사합니다. 하루써보고 판단하시는건 좀 아닌거 같고요. 맨위로가는버튼은 조잡스러워서 안넣은것이고, 그 기능을 넣으면 모든 중간메뉴와 광고등을 다 건너띄게 되서 그닥 좋지않습니다. 포탈사이트에서 그런 기능 들어가 있는거 보셨는지요 ㅎㅎ 그리고 모바일에서 카테고리메뉴를 열었다는것은 어떤 카테고리를 찾는것이겠죠. 그러면 찾는 메뉴를 누를것이기에, 닫는 버튼이 어디에 있는것은 그닥 중요하지 않다고 생각합니다. 빈공간 눌러서 닫는것도 애드센스를 잘못 누를수 있어서 광고정책에도 별로 좋지 않습니다. 기능이 많다고 해서 최고의 스킨이 되는것은 아니라고 생각이 듭니다. 좋은 스킨 잘 만나서 잘 쓰세요 ㅎㅎ

  5. BlogIcon 내마음대로내맘 2018.02.11 17:14 신고 댓글주소  수정/삭제  댓글쓰기

    깔끔하니 예뻐요 :) 배포 해 주셔서 감사합니다! 적용 방법도 너무 친절하게 적어주시고,
    감사합니다ㅠㅠ~

  6. BlogIcon 스토리있는하루 2018.02.11 21:43 신고 댓글주소  수정/삭제  댓글쓰기

    스킨적용하고 저에게 맞게 변형중이에요 ㅎㅎ 정보통신을 전공했는데도 html 수정은 너무 어렵네요.. 그래도 감사합니다! 열심히 사용해볼게요 ㅎㅎ

  7. BlogIcon 모아네 2018.02.13 12:01 신고 댓글주소  수정/삭제  댓글쓰기

    잘 사용해보겠습니다^^

  8. BlogIcon 비누바구니 2018.02.13 14:01 신고 댓글주소  수정/삭제  댓글쓰기

    감사합니다, 잘 쓰겠습니다~

  9. BlogIcon Netroy 2018.02.14 19:44 신고 댓글주소  수정/삭제  댓글쓰기

    사이드바와 본문의 위치를 변경하고 싶은데 어떻게 해야 할까요?

  10. BlogIcon roots 2018.02.18 23:10 신고 댓글주소  수정/삭제  댓글쓰기

    사이드바 300 크기 광고 넣는데 짤려서 나오네여 사이드바 늘리는 방법점여

    • BlogIcon 엠원 #관리자 2018.02.19 00:42 신고 댓글주소  수정/삭제

      사이드바 현재 툴을 250x250 쓰시고 있는데, 300x250 광고를 넣으셔서 그렇습니다 ㅎㅎ 광고를 250x250을 넣으시든지. 아니면 300x250 사이드바툴을 이용하시면 될겁니당

  11. BlogIcon roots 2018.02.18 23:57 신고 댓글주소  수정/삭제  댓글쓰기

    아무토록 조금 변형을 해서 잘쓰고 있습니다 좋은스킨 감사드립니다

  12. BlogIcon roots 2018.02.19 01:01 신고 댓글주소  수정/삭제  댓글쓰기

    300 툴 어케써염

  13. BlogIcon 소중한하루하루 2018.03.01 01:37 신고 댓글주소  수정/삭제  댓글쓰기

    죄송한데...제 블로그처럼 category로 하니 글자가 작아지는 데 혹시 수정하는 법은 없는지요? 결국 다시 여기로 돌아왔네요... 다소 로딩이 긴 것 같습니다. 렉이... 나만 그런가... ^^

    햄버거 버튼을 누르면 카테고리 자체의 글자크기가 작아져서... 이건 수정이 힘든가요?

    • BlogIcon 엠원 #관리자 2018.03.01 13:30 신고 댓글주소  수정/삭제

      소스를 수정하신거 같네요. 그 카테고리 모양은 티스토리 기본 카테고리모양입니다. 원본 소스를 그대로 사용하시면 해결되실겁니다 ㅎㅎ

  14. BlogIcon 소중한하루하루 2018.03.01 16:26 신고 댓글주소  수정/삭제  댓글쓰기

    ^^ 혹시 제 블로그 좌측상단 햄버거 3선 버튼 누른 후 나오는 Category 글자 크기 크게 할 수 있나요? 모바일 화면에서 메뉴 버튼 누르면 나오는 카테고리... ^^ 화면이 큰 PC형은 카테고리 글자 크기가 %로 되어 있어서 수정은 했는데... 실력이 모자라서... ^^

    • BlogIcon 소중한하루하루 2018.03.01 16:36 신고 댓글주소  수정/삭제

      아...수정했습니다... ^^ 감사합니다. 본문에 삽입된 유튜브 동영상 로딩이 다른 스킨보다 느린 것 같기도 하고...암튼 그 거 뺴고는 좋은 스킨이네요..감사합니다...

  15. BlogIcon AHAO 2018.03.08 21:32 신고 댓글주소  수정/삭제  댓글쓰기

    반응형 스킨 받아서 사용중입니다. 애드센스까지 다 적용 했구요. 문제는 카테고리별 글자수 가 관리자님 블로그에는 블로그 하단에 표시가 되는데 저의 블로그 우상단 광고위쪽으로 표시가 되네요.... 해결 방법이 있을까요?

  16. BlogIcon 소중한하루하루 2018.03.20 19:14 신고 댓글주소  수정/삭제  댓글쓰기

    혹시 카테고리 + 클릭이 안되고 파란색 바가 생기는데 왜 그럴까요? 스킨 다시 바꿨더니 갑자기 접속자수가 7천이 넘길래 봤더니 category 펼치기 버튼인 +가 클릭이 안되서 방문자들이 계속 누른 거 같아서요..... ^^

  17. BlogIcon GGARNE 2018.03.25 09:31 신고 댓글주소  수정/삭제  댓글쓰기

    스킨 너무 좋네요 감사합니다

  18. 2018.03.28 16:14 댓글주소  수정/삭제  댓글쓰기

    비밀댓글입니다

  19. BlogIcon t.alfred 2018.04.02 23:52 신고 댓글주소  수정/삭제  댓글쓰기

    멋진 스킨입니다.
    제블로그에 적용해 봤는데요.

    오른쪽 사이드바 크기를 302px로 바꿀수는 없나요?
    애드센스 스카이스크래퍼 광고가 세로줄과 겹칩니다.

  20. 우주보스 2018.04.15 19:40 신고 댓글주소  수정/삭제  댓글쓰기

    엠원#관리자님~~
    진심으로 감사드립니다.
    티스토리 블로그 본격적으로 운영해보려고 하면서
    스킨 좀 많이 봤었는데, 제가 원하던 최적의 스킨이
    아닌가 싶습니다. 게다가 무료라니~~~ ㅎㄷㄷ
    관리자님들 같은 분들이 계시기에 저같은 초짜들은 그저
    감사하고 행복할 따름입니다. 소중한 스킨 잘 쓰겠습니다.
    다시 한번 진심 감사드려요^^ 행복하십시오~~~~~~~~!!!!

  21. 2018.04.18 11:20 댓글주소  수정/삭제  댓글쓰기

    비밀댓글입니다

티스토리 툴바