그누보드 게시판 하단 페이징 숫자 간격 맞추는 방법

• 목록
• 스크랩

그누보드 게시판 하단 페이징 영역에서 현재 선택된 페이지 번호와 다른 번호 간의 간격이 일정하지 않을 때, CSS 파일을 수정하여 간격을 맞추는 방법을 알아봅니다.

그누보드 페이징 번호 간격이 일정하지 않은 원인

그누보드 게시판 하단 페이징 영역에서 현재 선택된 페이지 번호(--pg_current)의 오른쪽에 마진(margin) 값이 설정되어 있어, 다른 페이지 번호들과의 간격이 일정하지 않게 보일 수 있습니다.

해결 및 수정 방법

1. 파일 위치 확인: 사용 중인 테마 또는 스킨 폴더 내의 default.css 파일을 확인합니다.
2. 선택자 수정: 파일 내에서 .pg_current 선택자를 찾아 margin 속성 값을 조정합니다.

코드 수정 예시

/* 수정 전 */
.pg_current { margin: 0 4px 0 0; }

/* 수정 후 */
.pg_current { margin: 0; }

적용 및 확인 방법

• 백업: 수정하기 전 반드시 원본 파일을 백업해야 합니다.
• 업로드 및 확인: 수정된 파일을 서버에 업로드한 후, 브라우저의 캐시를 삭제하거나 새로고침하여 간격이 일정하게 조정되었는지 확인합니다.
• 복구: 문제가 발생할 경우 백업해 둔 파일을 다시 업로드하여 원상 복구할 수 있습니다.

그누보드 게시판 페이징 숫자 간격 맞추는 방법

그누보드 게시판 하단 페이징 영역에서 현재 선택된 페이지 번호(.pg_current)의 오른쪽에 마진 값이 설정되어 있으면 다른 페이지 번호들과의 간격이 일정하지 않게 보일 수 있습니다. 이를 해결하려면 사용 중인 테마 또는 스킨 폴더 내의 default.css 파일을 수정해야 합니다.

수정 절차

1. FTP를 통해 서버에 접속한 후, 사용 중인 테마 또는 스킨 폴더 내의 default.css 파일을 다운로드합니다. 수정 전 반드시 원본 파일을 백업하십시오.
2. 파일 내에서 .pg_current 선택자를 찾습니다.
3. margin 속성 값을 0으로 수정합니다.

코드 수정 예시

/* 수정 전 */
.pg_current { margin: 0 4px 0 0; }

/* 수정 후 */
.pg_current { margin: 0; }

적용 및 확인

수정된 파일을 서버에 업로드한 후, 브라우저의 캐시를 삭제하거나 새로고침하여 페이징 숫자 간격이 일정하게 조정되었는지 확인합니다. 문제가 발생하면 백업해 둔 원본 파일을 다시 업로드하여 원상 복구할 수 있습니다.

페이징 간격 수정 후 적용 여부 확인 방법

서버에 수정된 default.css 파일을 업로드한 뒤에는 브라우저의 캐시를 삭제하거나 새로고침을 진행하여 간격이 일정하게 조정되었는지 확인합니다.

참고자료

기타 참고자료

• mercury-seed.com — 게시판 하단 페이징 숫자 간격 맞추는 방법