[펄스나인] 관리자모드 반응형(모바일) > 그누보드5 스킨

그누보드5 스킨

좋은 댓글과 좋아요는 제작자에게 큰힘이 됩니다.

[펄스나인] 관리자모드 반응형(모바일) 정보

레이아웃 [펄스나인] 관리자모드 반응형(모바일)

첨부파일

adm.zip (15.8K) 45회 다운로드 2021-09-23 14:58:28 포인트 차감10
테스트한 버전5.4.13.1
호환 가능 버전무관

본문

반응형이라기는 좀 거창하고

그누보드 관리자는 모바일 접속이 불편해서 몇가지만 바꿔보았습니다.

 

@media max-width 1400px 일때

table은 모두 overflow-x:auto 로 가로로 스크롤 되게끔 처리했고

쿠키에 따른 메뉴 토글 부분을 모바일 is_mobile() 에서는 고정되도록 했습니다.

 

모바일에서 좌측 대메뉴를 클릭하는 경우 위로 겹쳐지면서 메뉴가 열리도록 이미 되어있어서

table 스크롤 외에 불편한 부분은 없는것 같습니다.

 

반응형이 아닌 환경 에서는

head.sub.php 파일의 PC 부분 뷰포트설정을 해주셔야 합니다.

39라인쯤 if (G5_IS_MOBILE) { 안에 있는 <meta name="viewport" ~ 부분 라인 전체를 복사하셔서

그 아래 } else { 안으로 추가 해주시면 되겠습니다.

 

처리가 안된 부분이 있으면 댓글 주세요.

틈틈히 업데이트 하겠습니다.

 

감사합니다.

 

-------------------------------------------

 

그누보드 5.4.13.1 버전에서 테스트 했고,

버전이 다르거나 커스텀 환경은 혹시모르니 파일업로드는 하지마시고

아래 코드를 넣어주시면 되겠습니다.

 

/adm/admin.head.php 70라인 부근 기존코드 수정


//기존
if( ! empty($_COOKIE['g5_admin_btn_gnb']) ){
    $adm_menu_cookie['container'] = 'container-small';
    $adm_menu_cookie['gnb'] = 'gnb_small';
    $adm_menu_cookie['btn_gnb'] = 'btn_gnb_open';
}
//변경
if(is_mobile()) { 
    $adm_menu_cookie['container'] = 'container-small';
    $adm_menu_cookie['gnb'] = 'gnb_small';
    $adm_menu_cookie['btn_gnb'] = 'btn_gnb_open';
} else { 
    if( ! empty($_COOKIE['g5_admin_btn_gnb']) ){
        $adm_menu_cookie['container'] = 'container-small';
        $adm_menu_cookie['gnb'] = 'gnb_small';
        $adm_menu_cookie['btn_gnb'] = 'btn_gnb_open';
    }
}

 

/adm/css/admin.css 마지막에 스타일 추가


@media all and (max-width:1400px) {
    #container {min-width: 100%;}
    .local_desc02 {min-width: 100%;}
    .local_ov {min-width: 100%;}
    .tbl_head01 table {min-width: 1100px;}
    .tbl_frm01 table {min-width: 1100px;}
    .tbl_head01 {overflow-x: auto; padding-bottom: 20px;}
    .tbl_frm01 {overflow-x: auto; padding-bottom: 20px;}
    #ft p {line-height: 20px; padding-top: 20px; font-size: 11px;}
    .anchor a {margin-bottom: 3px;}
    .tbl_frm01 th {min-width: 200px !important;}
}

 

 

추천
31

댓글 전체

전체 2,069 |RSS
그누보드5 스킨 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIR SOFT