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

그누보드5 스킨

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

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

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

첨부파일

adm.zip (15.8K) 190회 다운로드 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;}
}

 

 

추천
38
  • 복사
#PC용 #모바일용 #반응형

댓글 전체

다됐니 자기소개 아이디로 검색 전체게시물 회원게시물 23.04.08 02:52:59
디자인 예뻤는데ㅜ 저같은 경우는 펄스나인님~ 변경후 토큰키 에러가 나오네요~ 다시 되돌렸더니 사라졌습니다~ 시간되실때 함 봐주세여 ㅜ 노고에 감사드립니다!!
펄스나인 홈페이지 자기소개 아이디로 검색 전체게시물 회원게시물 23.04.09 12:05:17
/adm/admin.head.php 파일 수정시 잘못한게 없으신지 확인해보시고
기존코드가 바꼈을 수 있으니 확인한번 해보세요~
css수정만으로는 토큰에러가 뜰 수가 없어서 ㅠ
목록
문의 PC 버전
© SIRSOFT
현재 페이지 제일 처음으로