그누보드5 최신글 스킨 분류명(카테고리) 이미지 출력 커스터마이징 방법

• 목록
• 스크랩

그누보드5 최신글 스킨 분류명(카테고리) 이미지 출력 커스터마이징 방법

그누보드5 최신글 스킨에서 텍스트로 출력되던 분류명(카테고리)을 조건문과 이미지 매핑 방식을 통해 아이콘이나 이미지로 대체하는 구체적인 방법을 안내합니다.

최신글 스킨 분류명 이미지 출력 조건문 구현 방법

그누보드5 최신글 스킨에서 분류명(카테고리)을 텍스트 대신 이미지로 출력하려면 latest.skin.php 파일에서 반복문 내에 조건문을 추가하여 카테고리명($list[$i]['ca_name'])에 따른 이미지 경로를 변수에 할당해야 합니다.

1. 이미지 준비

카테고리 개수대로 이미지 파일을 생성한 뒤, 최신글 스킨 폴더 안의 img 폴더에 저장합니다.

2. latest.skin.php 수정 위치 및 조건문 추가

latest.skin.php 파일에서 for ($i=0; $i<count($list); $i++) { 구문 아랫줄에 이미지 개수와 카테고리명에 맞추어 조건문을 추가합니다.

<?php for ($i=0; $i<count($list); $i++) {
 if ($list[$i]['ca_name'] == '아이콘') {
 $cate_img = "<img src='$latest_skin_url/img/01.gif'>";
 } else if ($list[$i]['ca_name'] == '사진') {
 $cate_img = "<img src='$latest_skin_url/img/02.gif'>";
 } else if ($list[$i]['ca_name'] == '기타') {
 $cate_img = "<img src='$latest_skin_url/img/03.gif'>";
 } else {
 $cate_img = "";
 }
?>

3. HTML 출력 부분에 이미지 삽입

실제 카테고리 이미지가 출력될 위치에 아래 코드를 넣어줍니다.

<a href="<?php echo $list[$i]['ca_name_href']?>"><?php echo $cate_img?></a>

최신글 스킨 분류명(카테고리) 이미지 출력 코드 삽입 방법

조건문으로 할당한 이미지 변수($cate_img)와 분류명 링크 주소($list[$i]['ca_name_href'])를 최신글 스킨의 반복문 내 실제 HTML 출력 부분에 결합하여 화면에 출력할 수 있습니다.

HTML 출력 위치에 코드 삽입하기

latest.skin.php 파일 내에서 기존 분류명 텍스트가 출력되던 위치(또는 링크를 걸고자 하는 위치)에 아래 코드를 삽입합니다.

<a href="<?php echo $list[$i]['ca_name_href']?>"><?php echo $cate_img?></a>

• $list[$i]['ca_name_href']: 해당 분류(카테고리)의 게시물 목록으로 이동하는 링크 주소입니다.
• $cate_img: 앞서 조건문을 통해 각 카테고리명($list[$i]['ca_name'])에 따라 매핑된 이미지 태그(<img>)가 저장된 변수입니다.

최신글 스킨 폴더 내 이미지 저장 경로 및 준비 방법

그누보드5 최신글 스킨에서 분류명(카테고리)을 텍스트 대신 이미지로 출력하기 위한 사전 준비 단계로, 이미지 파일을 저장할 권장 경로는 최신글 스킨 폴더 안의 img 폴더입니다.

이미지 준비 및 업로드 순서

1. 카테고리 개수와 종류에 맞춰 필요한 이미지 파일을 만듭니다.
2. 사용하는 최신글 스킨 폴더 안에 img 폴더를 생성하고 해당 이미지 파일들을 업로드합니다.

상황별 판단 및 행동 가이드

내 상황	우선할 판단	다음 행동
최신글 스킨에서 텍스트로 나오는 분류명 대신 이미지를 출력하고 싶을 때	latest.skin.php 파일 내 반복문 구조 확인	스킨 폴더 내 img 디렉토리를 생성하고 카테고리별 이미지를 업로드한 뒤 조건문 로직을 추가
카테고리명이 이미지로 정상 매핑되지 않거나 빈 값으로 출력될 때	$list[$i]['ca_name'] 값과 조건문 내 문자열 일치 여부 점검	latest.skin.php의 if 조건문 내 카테고리명 오탈자 확인 및 else 처리구문 검토

실전 FAQ

Q. 카테고리가 추가되거나 이름이 변경되면 코드를 어떻게 수정해야 하나요?

• 답변: latest.skin.php 파일에 작성한 if ($list[$i]['ca_name'] == '카테고리명') 조건문 블록에 새로운 else if 구문을 추가하고, 최신글 스킨의 img 폴더에 해당 카테고리 매칭 이미지를 업로드해야 합니다.

Q. 카테고리 지정 이미지가 존재하지 않는 게시글의 경우 어떻게 처리되나요?

• 답변: 제시된 예제 코드의 마지막 else 문에서 $cate_img = "";와 같이 빈 값으로 처리하거나, 기본 대체 이미지를 지정하도록 수정하여 레이아웃 깨짐을 방지할 수 있습니다.

함께 보면 좋은 글

• 그누보드4 최신글 스킨 외부 이미지 썸네일 자동 생성 및 출력 방법
• 그누보드4 게시판 카테고리 가로 정렬 커스터마이징 방법과 주의사항
• 그누보드4 게시판 목록 스킨(list.skin.php) 구조 분석 및 본문 출력 커스터마이징

참고자료

기타 참고자료

• gnustudy.com — 최신글 스킨 제작 5 - 기초 예제 (분류명 출력을 이미지로 하기) - 최신글스킨강좌, 그누보드5강좌