엠원리액트 (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

댓글(35)
  1. 이전 댓글 더보기
  2. BlogIcon 짐볼맨 2018.01.31 02:13 신고 댓글주소  수정/삭제  댓글쓰기

    드디어 나왔네요!!! 저도 이따가 적용해볼께요~ 제작해주신 노고에 감사 드립니다. 깔끔하고 세련미까지 느껴집니다. Less is more!

  3. BlogIcon 채쿠 2018.01.31 15:08 신고 댓글주소  수정/삭제  댓글쓰기

    일반형으로 쓰다가 반응형으로 바꾸려는 찰나에 새로 만들어 주시다니! 정말 감사합니다~

  4. BlogIcon ajd 2018.01.31 22:16 신고 댓글주소  수정/삭제  댓글쓰기

    좋네요. 잘쓰겠습니다.

  5. BlogIcon chu27wnfn 2018.02.02 16:15 신고 댓글주소  수정/삭제  댓글쓰기

    안녕하세요 스킨 검색하다가 엠원님이 만드신 스킨이 심플하고 깔끔해서 다운받아 조금전에 적용해보았는데
    너무 마음에 듭니다 ^^ 감사합니다 유용하게 잘사용하겠습니다 ><
    스킨적용하는 방법, 각각 알맞게 설정하는 방법까지 포스팅해주신거 보구서 쉽게 설정할수있었어요^o^ 乃

  6. BlogIcon 소중한하루하루 2018.02.03 22:57 신고 댓글주소  수정/삭제  댓글쓰기

    http://neweducation2.tistory.com/ 죄송한데 상단 메뉴 어떻게 해야 하나요? 정신이 없네요.. ^^

  7. BlogIcon 막스무스 2018.02.04 17:00 신고 댓글주소  수정/삭제  댓글쓰기

    감사합니다. 잘 사용하겠습니다~

  8. BlogIcon 타스맨 2018.02.05 10:20 신고 댓글주소  수정/삭제  댓글쓰기

    깔끔한 스킨 만들어주셔서 정말 감사합니다! 잘사용하겠습니다^^

  9. 2018.02.05 20:41 댓글주소  수정/삭제  댓글쓰기

    비밀댓글입니다

  10. 2018.02.07 11:10 댓글주소  수정/삭제  댓글쓰기

    비밀댓글입니다

    • BlogIcon 엠원 #관리자 2018.02.07 11:36 신고 댓글주소  수정/삭제

      아니용~ 그 부분이 누락된것이 아니라, 이전에 사용하셨던 스킨이 별도로 그 부분을 꾸몄던 것입니다. 안꾸민것이 기본입니다 ㅎㅎ 별도로 꾸미실라면 예전스킨의 해당부분을 한 번 참고해보시기바랍니당~

  11. BlogIcon 막스무스 2018.02.08 15:28 신고 댓글주소  수정/삭제  댓글쓰기

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    잘 사용해보겠습니다^^

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

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

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

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

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

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

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

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

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

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

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

    300 툴 어케써염

티스토리 툴바