엠원리액트 (M1react) 모바일에서 특정 사이드바 안보이게 하는 방법 :: 엠원스킨

엠원리액트 반응형 스킨은 가로폭이 넓은 PC화면에서는 사이드바가 우측에 위치해 보이지만, 대부분의 모바일에서는 사이드바가 본문 아래쪽 하단에 위치하게 되어 있습니다. 이것은 엠원리액트뿐만 아니라 다른 스킨에서도 대부분 이렇게 동작하게 되어 있는데요. 본문 하단에 사이드바가 위치하게 되면, 스크롤도 길어지게 되고 해당 부분을 사실 사용자들이 자주 안보게 되는 부분인지라 불필요하다고도 생각이 되어지곤 합니다.

 

특히, 카테고리 메뉴가 많은 블로그관리자는 그렇지 않은 블로그보다 스크롤이 더 길어질 수 있는데.. 이런 경우, 문제가 되는분들을 위해 모바일에서의 특정 사이드바를 숨기는 방법을 알려드리겠습니다. 일단 아래 사진처럼 모바일에서 사이드바가 보이게 되는데요. 원하는 사이드바를 보이지 않게 하는 방법은~

 

 

일단, CSS편집 모드로 가셔서 아래 사진처럼 모바일 정의가 시작되는 부분을 찾아주세요. 빨간줄이 들어가있는 부분이 모바일 설정이 시작되는 지점입니다. 그 아래에 있는 소스를 수정하셔야 합니다. 그 위쪽은 PC쪽이라 수정하시면 안됩니다. 대부분 비슷한 소스가 위아래로 두개가 있습니다. 주의하셔야 할 점입니다.

 

 

숙지하셨다면~ 바로 아래 사진처럼 된 소스부분을 찾습니다. 이 부분들이 사이드바의 각 구역을 구분해주는 소스들입니다. 각 부분에 대한 설명은 아래와 같습니다. 원하는 부분의 소스를 {display:none;} 이렇게 바꿔주시면 됩니다. 그러면 그 사이드바는 모바일에서 안보여지게 됩니다. 단, 애드센스광고같은 경우 display:none; 소스에 민감하기 때문에 되도록 숨기기는 안하시는게 좋습니다. 물론, 미디어쿼리안에 들어가 있는 소스라 정책을 지키긴 했으나.. 본인이 잘 판단하여 수정하시기 바랍니다.

 

#sidebar_plus_ad : 광고

#sidebar_plus_bloginfo : 블로그소개

#sidebar_plus_notice : 공지사항

#sidebar_plus_category : 카테고리

#sidebar_plus_tab : 최근 등록 현황

!!최근 등록 현황 3단탭 분리해서 각각 사용 시!!

#sidebar_plus_latest : 최근 글

#sidebar_plus_comment : 최근 댓글

#sidebar_plus_save : 최근 월별 글

#sidebar_plus_calendar : 달력

#sidebar_plus_tag : 태그 구름

#sidebar_plus_link : 링크

#sidebar_plus_counter : 카운터

 

 

댓글(1)
  1. BlogIcon 取材情報 2018.04.16 19:58 신고 댓글주소  수정/삭제  댓글쓰기

    specialreoprt.tistory.com

    M1 스킨으로 사용 중입니다.
    M1님 덕분에 언론사 홈페이지 마음에 마련할 수 있있습니다. 당장은 블로그형식으로 갈 것이기 때문에 매우 흡족합니다.

    몇가지 교정하고픈 사항이 있는데, 제가 태그를 몰라서 어케 해야될지 모르겠습니다.

    1. 첫페이지 헤드기사 사진 왼쪽 라인이 틈이 생깁니다. 이것 해결할 수 있나요?

    2. 방명록을 익명으로 처리할 수는 없나요. 방명록을 "제보" 섹터로 만들려고 합니다.

    3. 왼쪽 최상단에 "取材情報"라는 언론사명을 크기를 1.5배로, 또 더 진한 글씨로 바꾸려고 합니다. 가능한가요?

    도와주시면 진정 고맙겠습니다. ^^

티스토리 툴바