[추가작업]그누보드5 반응형 관리자 페이지 > 그누보드5 스킨

그누보드5 스킨

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

[추가작업]그누보드5 반응형 관리자 페이지 정보

레이아웃 [추가작업]그누보드5 반응형 관리자 페이지

첨부파일

adm.zip (8.3M) 128회 다운로드 2024-03-14 00:38:39 포인트 차감100
테스트한 버전5.5.13
호환 가능 버전5.5

본문

안녕하세요

여러므로 도움만 받다가 그누보드5 관리자 페이지를 만들어 보았습니다.

기존 그누보드 순정 그대로 만들어 두었습니다.

또한 다크모드도 전환이 가능하게 했습니다.

그누6 관리자 모드를 데리고 와서 살살 달레가면서 그누5로 만들었습니다.

 

폰트어섬도 최신 버전으로 적용 해 두었습니다.

테스트 할 수 있도록 주소 열어 드리겠습니다.

아이디 : admin
비번 : sin1234

입니다

필요하신 분은 가져다가 사용 하시면 좋을 것 같습니다.

아직 미미한 부분이 있지만 꾸준히 업데이트 및 수정 하도록 하겠습니다.

그누보드5 최신 버전으로 만들었습니다.

 

사용 방법은

1. 다운을 받으세요

2. 압축을 푸세요

3. 기존 그누보드 설치 되어 있는 곳에서 adm폴더를 통채로 올리시면 됩니다.

  - 주의사항 혹시모르니 백업은 하시고 적용 하시면 됩니다.

기타 다른 부분은 건들지 않고 adm 폴더만 올리면 되게 처리 하였습니다.

 

추 후 DB 백업 기능도 넣을 생각 입니다.

현제 만들고는 있는데 시간이 조금 더 걸릴 것 같아서 일단 올려 드립니다.

 

기타 안되는 버그 부분 말씀 해주시면 수정 하도록 하겠습니다.

 

업데이트 내용

2023년 3월 13일 새벽 1시
 - 관리자 일부 스타일 틀어진 부분 수정 스크립트 수정작업

 - 관리자 매인페이지에 접속자 현황 추가 작업

 - 왼족 메뉴 부분 스크립트 다시 작성 현 틀에 맞게 다시 작성 하였습니다.

 - 쇼핑몰 홈페이지로 가기 아이콘 추가 작업

 - 회원관리에 주소 부분이 동작 안되는 부분 개선 작업 

 - 각 페이지별 가로 스크롤 문제 현상 생기는 부분 수정

 

추가 안내 사항

그누보드(영카트) 5.5.9 아래 버전을 사용 하기 위해서는 다음과 같은 것을 변경을 해주어야 정상적으로 작동을 하게 되어 있습니다.

admin.lib.php 파일에 481번줄에 있는 아래 내용 참고 하여 5.5.9 아래 버전에 있는 것을 복사해서 넣으시면 정상적으로 사용이 가능 합니다. 


// POST로 넘어온 토큰과 세션에 저장된 토큰 비교
function check_admin_token()
{
    $token = get_session('ss_admin_token');
    set_session('ss_admin_token', '');
    if (!$token || !$_REQUEST['token'] || $token != $_REQUEST['token']) {
        alert('올바른 방법으로 이용해 주십시오.', G5_URL);
    }
    return true;
}
function admin_csrf_token_key($is_must=0){
    global $member;
    $key = '';
    if($is_must || !((isset($_SERVER['HTTP_X_REQUESTED_WITH']) && strtolower($_SERVER['HTTP_X_REQUESTED_WITH']) == 'xmlhttprequest'))){
        $key = md5((isset($_SERVER['SERVER_SOFTWARE']) ? $_SERVER['SERVER_SOFTWARE'] : '').(defined('G5_TOKEN_ENCRYPTION_KEY') ? G5_TOKEN_ENCRYPTION_KEY : '').$member['mb_id'].$_SERVER['DOCUMENT_ROOT']);
    }
    return run_replace('admin_csrf_token_key', $key, $is_must);
}

 

다운 받으셨던 분들은 다시 다운 받아서 적용 하시면 될 것 같습니다.

모든 기능은 정상적으로 작동을 합니다 .

 

감사합니다. 

 

 

 

 

추천
30

댓글 전체

실력이 미천하지만 열심히 하도록 하겠습니다.
사실 그누보드측에 기존 그누5도 반응형으로 만들어 주시면 안되냐고 했으나 하는 일이 많아서 못한다고 하여 그냥 제가 해 봤습니다.

기본환경설정 부분에 중복으로 텝메뉴가 출력 되는 부분은 수정 하였습니다.

다시 다운 받으셔서 적용 하시면 됡 것 같습니다.

감사합니다.

고생많으셨네요. 반응형 너무 좋습니다.
gnuboard5.5.8.2 에서 adm폴더 업로드해서 로그인하면 에러 500인가 화면 뜨면서 관리자 페이지로 접속이 안되네요. 저만 그런가?;;
그래서 최신버전 gnuboard5.5.13로 업데이트해서 해보니 됩니다. 혹시 낮은 버전에서 안되는지 확인부탁드려요.

그리고 회원추가나 수정에서 주소검색 버튼이 아무 반응이 없네요. 이것도 확인부탁드립니다.
너무 감사합니다.

낮은 버전에서 하시려고 하시면 거기에 맞는 토큰 값을 수정을 해주어야 합니다.

admin.lib 파일에 보면 토근 값 선언 되어 있는거 있어요 그걸 그 버전에 맞는 것으로 교체 하시면 정상적으로 작동 될 것입니다.

그리고 회원수정에서 주소 부분은 확인 후 말씀 드릴게요 기존 원본 소스 그대로 해서 작업을 한 것이라 이건 저도 체크를 해봐야 겠네요 

gnuboard5.5.8.2 쓰고 있는데 반응형 adm 폴더 업로드해서 로그인하니 에러 500인가 화면 뜨면서 관리자 페이지로 접속이 안되서요.
말씀해주신대로 admin.lib 파일 토큰값 교체해보라고 하셨는데 초보라 아무리 찾아도 해당내용을 몰라서 그냥 이전 atm폴더에 있던 admin.lib 파일 덮어쓰니 반응형 되더라구요.
이렇게 써도 문제 없을까요?

문제는 없을 것으로 보여 지긴 합니다.

혹시 모르니 그래도 안되는 기능이 있는지 한번은 체크 해보세요

시간 될때 제가 5.5.8.2 버전도 해서 배포 해 놓을게요

일부러 버전별 작업하시면 손이 많이 가시잔아요. 시간은 소중하니까요^^
그냥 현재버전 admin.lib 파일 덮어쓰기 해서 확인해보니 아무 이상없이 동작되는거 같아요. 더 봐야겠지만요.
제일 좋은건 아무버전이나 문제 없이 되었으면 좋겠지만요.

그건 좀 어려움이 있습니다.

아무래도 5.9 이상 부터가 토큰 값이 변경이 되었기 때문에요

그래서 아무래도 이건 좀 해결은 어려울 것 같아요 

안녕하세요. 좋은 자료 감사드립니다. 쇼핑몰 없이 그누보드만 설치가 되어 있는데 adm 폴더를 덮으면 쇼핑몰에 관련되어 있는 메뉴는 어떻게 해줘야 하나요? ㅠㅠ

네 감사 드립니다.

뭐 시행 착오가 좀 있었지만요 class 값과 id 값 추가 하고 스크립트 몇게 작업 하고 반응형으로 고려 해야 되서 좀 수정 작업을 하였습니다.

저도 많은 어려움이 있었습니다. 

css만 가지고 하면 대부분 다 깨질 거에요 그래서 그것을 잘 적용을 하셔야 합니다. 상단 메뉴 부분 그리고 컨텐츠 부분 다 손을 좀 봐야 합니다.

어느 정도의 css script 지식이 있으시면 큰 무리 없이 하실거라 생각이 됩니다.

물론 저도 아직 왕 초보 수준이지만요

 

모바일로 접속했을때 관리자 모드에서 게시판 관리 한번클릭하고 좌우로 끌었을때 원위치?가 안됩니다.ㅜㅜ

아래스샷 처럼요

ca5ea723f9c31919f1ae2fb9045ae942_1710339808_8835.jpg

 

첫화면에서는 좌우로 끌어도 다시 원위치가 되는데 다른곳 클릭해서 하면 저렇게 원위치가 안되서 빈공간이 늘어집니다 ㅠㅠ;

안녕하세요 하단 스크롤 발생으로 인한 문제는 다음과 같이 해결을 하시면 됩니다.

이게 힘드시면 위 첨부파일 다시 업로드 해 두었습니다. 

다시 다운 받으셔서 사용 하시면 되실 것 같습니다.

adm/css/admin.css 파일에 137번줄에 

수정 후 부분처럼 수정 하시면 해결이 될 것입니다. 

브그에 대해서 알려 주셔서 감사 드립니다.

수정 전

@media (max-width:1100px) {
    body,
    input,
    textarea,
    select,
    button {font-size:1.4rem; }
}

수정 후 

@media (max-width:1100px) {
    body,
    input,
    textarea,
    select,
    button {font-size:1.4rem; overflow-x: hidden; }
}

꿈의 세계님 질문하나 있습니다.

혹시 서버에 필수로 설치해야하는게 있나요?

테스트하려고 올린곳에서는 잘 나왓는데

다른서버에  올린것은 화면이 깨져나오더라구요

e2f62f8dd7ae757bc3aad4959d45c0fb_1710500787_1213.JPG

어 그런 건 전혀 없습니다.

기존 그누보드 원본을 그대로 작업 한 것이라 서버 특성은 타지 않습니다.

서버 FTP 정보 주시면 한번 들어가서 확인 해보겠습니다.

앗 감사합니다.

댓글보고 다시 한번 확인해보니 잘 적용되어있네요

캐쉬 문제엿나봅니다. ㅠㅠ;

다른서버란곳이 오라클 무료서버 사용중이었거든요

잘 되신다니 다행 입니다.

저도 사실 제가 기초숙급자에 장애가 있다보니 돈이 없어서 그냥 집에서 굴러다니는 컴퓨터에 해놀로지 올려서 도커 올리고 거기에 아파치 및 웹서버 및 호스팅 패널 설치 해서 돌리고 있거든요 더 어려운 기관들 대상으로 홈페이지 및 영상을 무료로 제작을 해주다 보니 아무래도 서버가 필요해서 현제는 그렇게 해서 돌리고 있는데 별 문제는 없었습니다.

 

오 추천합니다.

꿈의세계님과 저는 가입날짜를 보니 저랑 따블백  동기네요.

같은해 가입에 날짜만 제가 이틀 빠릅니다.ㅋ

요즘 그누파이가 나와서 여러모로 이것저것 생각이 많을 때인데 감사하고 곧 다운로드 받겠습니다.

도입은 안된다고 합니다.

제가 관리자에게 물어 보기는 했으나 제가 만든 것을 정식으로 배포 했으면 좋겠다고 말씀 드렸지만 그건 안된다고 하셔서 그냥여기에 올리게 되었습니다.

저도 최신 버전으로 작업 한 것입니다.

문제 없습니다.

만약에 안되면 다른 분들도 다 안되어야 합니다.

그리고 admin.lib.php 파일 한번 확인 해보세요 보통 여기에 토큰 관련 된 문제 때문에 안되는 경우들도 있습니다.

그렇지만 기존 그누보드 최신 버전으로 작업을 했고 관리자 페이지에 있는 내용들은 거의 건드린 건 없습니다.

css와 스크립트 몇가지 새로 짠 것 밖에 없습니다.

확인해보니 5.5.9 이전 버전 admin.lib.php 파일의 아래 내용만 복사해서 변경하니 500에러 안나고 정상 작동됩니다.  

 

// 관리자의 아이피, 브라우저와 다르다면 세션을 끊고 관리자에게 메일을 보낸다.
$admin_key = md5($member['mb_datetime'] . get_real_client_ip() . $_SERVER['HTTP_USER_AGENT']);
if (get_session('ss_mb_key') !== $admin_key) {

    session_destroy();

    include_once G5_LIB_PATH . '/mailer.lib.php';
    // 메일 알림
    mailer($member['mb_nick'], $member['mb_email'], $member['mb_email'], 'XSS 공격 알림', $_SERVER['REMOTE_ADDR'] . ' 아이피로 XSS 공격이 있었습니다.<br><br>관리자 권한을 탈취하려는 접근이므로 주의하시기 바랍니다.<br><br>해당 아이피는 차단하시고 의심되는 게시물이 있는지 확인하시기 바랍니다.' . G5_URL, 0);

    alert_close('정상적으로 로그인하여 접근하시기 바랍니다.');
}

if (isset($auth) && is_array($auth)) {
    @ksort($auth);
} else {
    $auth = array();
}

css 적용 + admin.head 만 수정 하시면 기본적인 레이아웃은 사용 가능하네요

 

고맙습니다. 수정 잘 했습니다.

 

커스텀 조금은 건드리면 더 좋은 스킨이 될 것 같습니다.

 

예를 들어 그리드템플릿 25% 75%를 모바일이면 삭제 하면 더 깔끔합니다.

그리고 admin.head.php 파일에 보시면

$("#gnb .gnb_btn") 클릭 이벤트가 있는데

 

아래와 같이 변경 시, 다시 클릭 하면 닫히게 됩니다.

지금 다시 같은 메뉴 클릭 시 닫히지 않음

 

$("#gnb .gnb_btn").on('click', function() {

let $parentLi = $(this).parents(".gnb_li");

$parentLi.hasClass("on") ? $parentLi.removeClass("on") : ($(".gnb_li").removeClass("on"), $parentLi.addClass("on"));

});

5.5.15버전 이용중인데 

500error가 뜨네요 다른분들 말대로 admin.libe.php를 최신껄로 교체해봐도 500에러가 뜹니다.. 해결해보신분들 해결방법공유부탁드려여 ㅠㅠ

잘못 하신 거 같은데요 현제 그누보드 버전이 5.5.13버전까지 밖에 안 나와 있습니다. 5.5.15 버전은 어디서 나온 것인지 궁금 합니다.

그래요? 이상하네요

FTP 정보 주시면 확인 해보도록 하겠습니다.

그누보드 순정 상태로 새로 설치 하시고 그리고 적용 해보세요 

 

아니여 이건 저도 어떻게 처리 해야 할지 몰라서요 

전 초보 입니다.

저보다 그누스토리님이 오히려 저 보다 더 잘 하실 거에요 

3e46d78d484531094f157db7f72e7823_1712205477_763.png

 

/adm/chart.ajax.php에서 변수 key에 따옴표가 쳐지지않아 그래프 호출 시 오류가 발생합니다.

따옴표 이후에는 정상 작동 합니다.

좋은 자료 배포해주셔서 감사합니다.

잘 쓰겠습니다 ^^

다크모드에서 새로고침 후 라이트모드로 변경할 때 버튼을 두번 클릭해야 하네요.
/adm/js/common.js에서 다크모드 일 경우 isDarkModeEnabled() 함수에 미리 버튼에 dark class를 추가해주면 좋을 것 같아요.
 

// Dark mode 상태 확인 함수

function isDarkModeEnabled() {

    const isUserColorTheme = localStorage.getItem('color-theme');

    const isOsColorTheme = window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';

    const getUserTheme = () => (isUserColorTheme ? isUserColorTheme : isOsColorTheme);

    const initialTheme = getUserTheme();

   

    if (initialTheme === 'dark') {

        document.querySelector('.darkmode-toggle-switch').classList.add('dark');        // ← 추가

        document.documentElement.setAttribute('color-theme', 'dark');

    } else {

        document.documentElement.setAttribute('color-theme', 'light');

    }

}

나리아도 가능은 하지요

그런데 별도로 없는 것들은 추가해서 넣어야 해요

이게 만든게 그누보드 순정 그대로를 가지고 만든 것이라서요 

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

회원로그인

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