BOARD

팁·활용

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

페이지 정보

profile_image
작성자 최고관리자
댓글 0건 조회 0회 작성일 26-09-15 21:49

본문

그누보드 버전별 적용 환경

그누보드 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="비밀글">';

이 방식은 그누보드 보안 업데이트 시 원본 파일 수정으로 인한 번거로움을 방지할 수 있습니다.

적용 확인 및 복구

수정 후 게시판 목록이나 적용한 페이지를 새로고침하여 아이콘이 정상적으로 출력되는지 확인하세요. 만약 아이콘이 깨지거나 레이아웃이 어긋난다면, 백업해둔 원본 파일을 다시 덮어씌워 복구할 수 있습니다.

댓글목록

등록된 댓글이 없습니다.