그누보드 버전별 Font Awesome 아이콘 적용 및 커스텀 가이드
페이지 정보

본문
그누보드 버전별 적용 환경
그누보드 5.3 버전부터는 Font Awesome 라이브러리가 코어에 내장되어 있습니다. 따라서 5.3 이상 버전을 사용 중이라면 별도의 설치 과정 없이 바로 아이콘 태그를 사용하여 적용할 수 있습니다.
그누보드 5.2 이하 버전 적용 방법
5.2 버전에서는 수동으로 라이브러리를 업로드하고 경로를 연결해야 합니다. 작업 전 반드시 수정할 파일(head.sub.php)을 백업하세요.
- 파일 준비: Font Awesome 파일을 다운로드하여 압축을 푼 뒤, 폴더명을
font-awesome으로 변경합니다. - 업로드: 해당 폴더를
theme/basic/css/경로 내에 업로드합니다. - 경로 추가:
theme/basic/head.sub.php파일을 열어 CSS 링크 태그를 추가합니다.
<link rel="stylesheet" href="<?php echo G5_THEME_CSS_URL; ?>/font-awesome/css/font-awesome.min.css">아이콘 적용 방법
적용하려는 위치에 Font Awesome에서 제공하는 HTML 태그를 삽입합니다.
<i class="fa fa-sign-in" aria-hidden="true"></i>게시판 아이콘을 이미지로 변경하기
그누보드 5.3 이상에서는 기본 아이콘이 Font Awesome으로 출력됩니다. 이를 예전처럼 이미지 파일로 변경하려면 lib/common.lib.php 원본 파일을 수정하지 말고, 게시판 스킨의 list.skin.php 파일을 수정하는 것을 권장합니다. 작업 전 스킨 파일을 백업하세요.
스킨 폴더 내 img 폴더에 사용할 아이콘 이미지(예: icon_secret.gif 등)를 준비한 후, list.skin.php에서 출력부를 다음과 같이 교체합니다.
if ($list[$i]['icon_secret']) echo '<img src="'.$board_skin_url.'/img/icon_secret.gif" alt="비밀글">';이 방식은 그누보드 보안 업데이트 시 원본 파일 수정으로 인한 번거로움을 방지할 수 있습니다.
적용 확인 및 복구
수정 후 게시판 목록이나 적용한 페이지를 새로고침하여 아이콘이 정상적으로 출력되는지 확인하세요. 만약 아이콘이 깨지거나 레이아웃이 어긋난다면, 백업해둔 원본 파일을 다시 덮어씌워 복구할 수 있습니다.
- 이전글그누보드 PC와 모바일 환경별 DHTML 에디터 분기 처리 방법 26.09.15
- 다음글그누보드 게시판 분류 내 '공지' 문구 변경 방법 26.09.15
댓글목록
등록된 댓글이 없습니다.