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

• 목록
• 스크랩

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

그누보드 버전별로 Font Awesome 아이콘을 적용하거나 이미지로 변경하는 방법을 구체적으로 확인하고 안전하게 수정할 수 있습니다.

그누보드 버전별 Font Awesome 라이브러리 설치 여부

그누보드 버전에 따라 Font Awesome 라이브러리의 별도 설치 필요 여부가 다릅니다.

• 그누보드 5.3 이상 버전: Font Awesome 라이브러리가 코어에 내장되어 있습니다. 따라서 별도의 설치 과정 없이 바로 아이콘 태그를 사용하여 적용할 수 있습니다.
• 그누보드 5.2 이하 버전: 라이브러리를 수동으로 업로드하고 경로를 연결해야 합니다. 작업 전 반드시 수정할 파일(head.sub.php)을 백업해야 합니다.

그누보드 5.2 이하 버전 Font Awesome 수동 적용 방법

그누보드 5.2 이하 버전에서는 Font Awesome 라이브러리를 수동으로 업로드하고 경로를 연결해야 합니다.

1. 작업 전 필수 확인 사항

• 수정할 파일(head.sub.php)을 반드시 백업하세요. 테마를 사용 중이라면 theme/basic/head.sub.php 경로를 확인해야 하며, G5_THEME_CSS_URL 변수는 테마 경로를 기준으로 작동합니다.

2. 파일 준비 및 업로드

• Font Awesome 파일을 다운로드하여 압축을 푼 뒤, 폴더명을 font-awesome으로 변경합니다.
• 해당 폴더를 theme/basic/css/ 경로 내에 업로드합니다.

3. CSS 링크 태그 추가

• theme/basic/head.sub.php 파일을 열어 다음 CSS 링크 태그를 추가합니다.

<link rel="stylesheet" href="<?php echo G5_THEME_CSS_URL; ?>/font-awesome/css/font-awesome.min.css">

아이콘 적용 및 수정 작업 후 복구 방법

아이콘 적용이나 스킨 수정 작업 후 레이아웃이 어긋나거나 아이콘이 깨지는 문제가 발생한 경우, 작업 전에 사전에 백업해둔 원본 파일을 다시 덮어씌워 원래 상태로 복구할 수 있습니다.

확인 및 복구 절차

1. 수정 후 게시판 목록이나 적용한 페이지를 새로고침하여 아이콘이 정상적으로 출력되는지 확인합니다.
2. 레이아웃이 어긋나거나 오류가 발생하면, 작업 전 백업해 둔 원본 파일을 다시 덮어씌워 복구합니다.

참고자료

기타 참고자료

• mercury-seed.com — 그누보드 버전별 Font Awesome 아이콘 적용 및 커스텀 가이드