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

최신글 매뉴얼 FAQ
그누보드5
그누보드6
가이드
포럼
  • Q&A
  • 파이써니스타
  • 이슈
  • 버그신고
  • 사용후기
    • 자료실
  • 다운로드
  • 팁자료실
  • 스킨
  • 테마
  • 플러그인
    • Q & A
    궁금한 게 있으신가요? 지금 질문해보세요!
    솔루션
    프로그래밍
    서버
    사이트운영
    컨텐츠몰
    나의 재능을 팔아보세요!
    부가서비스
    프로모션! 신용카드 결제수수료 2.9%
    제작의뢰
    커뮤니티
    커뮤니티
    소모임
    스터디
    강좌
    기타
    매출이 오르면 내리는 수수료! 지금 수수료센터에서 전자결제(PG)수수료 비교견적 신청해 보세요!

    그누보드5 스킨

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

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

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

    첨부파일

    adm.zip (15.8K) 201회 다운로드 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수정만으로는 토큰에러가 뜰 수가 없어서 ㅠ
    전체 2,434 |RSS
    그누보드5 스킨 내용 검색

    회원로그인

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