그누보드 이동/복사(move.php) 팝업 페이지 디자인 커스텀 방법

• 목록
• 스크랩

그누보드 이동/복사(move.php) 팝업 페이지 디자인 커스텀 방법

그누보드 게시판의 글 이동 및 복사 팝업창(move.php) 디자인을 코어 파일 직접 수정 없이 안전하게 변경하는 방법을 안내합니다.

이동/복사(move.php) 팝업 페이지 디자인 커스텀 방법

그누보드5에서 게시글 이동 및 복사 시 호출되는 move.php 페이지의 디자인은 코어 파일을 직접 수정하지 않고, 공통 CSS 파일인 css/default.css를 통해 스타일을 오버라이드하여 제어할 수 있습니다.

CSS 스타일 적용 위치 및 셀렉터

css/default.css 파일 안에 아래와 같은 스타일 규칙을 추가하여 팝업창의 각 영역을 원하는 디자인으로 변경할 수 있습니다.

/* 전체 컨테이너 */
#copymove.new_win {
 padding: 0;
 font-family: 'Pretendard', 'Apple SD Gothic Neo', sans-serif;
 background: #fff;
 color: #333;
}

/* 타이틀바 */
#win_title {
 background: #f8f9fa;
 color: #111;
 font-size: 1.05rem;
 font-weight: 700;
 padding: 12px 15px;
 border-bottom: 1px solid #dee2e6;
 margin: 0;
}

/* 문구 제거 (caption 숨기기) */
.tbl_head01 caption {
 display: none;
}

다음 행동 및 확인 사항

1. FTP나 파일 관리자를 통해 css/default.css 파일을 엽니다.
2. 위 예시의 셀렉터(#copymove.new_win, #win_title, .tbl_head01 caption)를 참고하여 필요한 디자인 속성을 수정하거나 추가합니다.
3. 브라우저에서 게시판 목록의 '선택이동' 또는 '선택복사' 기능을 실행하여 팝업창에 스타일이 정상적으로 반영되는지 확인합니다.

상황 및 선택 기준

게시글 이동/복사 팝업(move.php)의 디자인을 변경할 때 코어 파일을 직접 수정하면 추후 업데이트 시 변경 사항이 초기화될 수 있습니다. 따라서 공통 CSS 파일을 통한 오버라이드 방식을 권장합니다.

적용 방법

FTP 또는 파일 관리자를 통해 /css/default.css 파일을 열고, 아래 셀렉터를 활용해 스타일을 추가하세요. 사용 중인 테마에 별도의 CSS 파일이 있다면 해당 파일에 작성해도 무방합니다.

• #copymove.new_win: 팝업 전체 컨테이너
• #win_title: 상단 타이틀바 영역
• .tbl_head01 caption: 팝업 내 테이블 캡션(문구 숨김 시 활용)

Q: CSS를 추가했는데도 디자인이 바뀌지 않습니다.

• 원인: 브라우저 캐시 문제일 가능성이 높습니다. Ctrl + F5를 눌러 강력 새로고침을 하거나, CSS 파일 경로 뒤에 ?ver=1과 같이 버전 파라미터를 붙여 강제로 캐시를 갱신해 보세요.
• 대안: default.css가 아닌 테마 내의 별도 CSS 파일이 우선 적용되고 있을 수 있습니다. 브라우저 개발자 도구(F12)의 '요소 검사' 기능을 통해 현재 적용 중인 CSS 파일 경로를 먼저 확인하세요.

함께 보면 좋은 글

• 그누보드 게시물 이동 및 복사 시 작성 시간을 현재 시간으로 갱신하는 방법
• Stylebot을 활용한 그누스터디 대문 및 최신글 디자인 커스텀 방법과 적용 확인
• 그누보드 영문 스킨 사용 시 선택 삭제·복사·이동 기능 오류 해결 방법

참고자료

기타 참고자료

• sir.kr — 그누보드5 팁자료실 - SIR 커뮤니티