그누보드4 댓글(코멘트) 답글에 화살표 아이콘으로 계층 구조 구분하기

• 목록
• 스크랩

그누보드4 댓글(코멘트) 답글에 화살표 아이콘으로 계층 구조 구분하기

그누보드4 게시판에서 댓글에 답글이 달렸을 때 들여쓰기와 화살표 아이콘을 추가하여 대댓글 계층 구조를 시각적으로 명확하게 구분하는 방법을 안내합니다.

그누보드4 댓글 답글 화살표 아이콘 적용 방법

그누보드4(G4) 게시판 스킨 파일인 view_comment.skin.php를 수정하여 댓글의 답글(대댓글) 계층 구조에 화살표 아이콘(icon_re.gif)을 출력할 수 있습니다.

1. 수정 파일 위치

• 경로: 그누보드 / skin / board / 스킨 / view_comment.skin.php

2. 코드 변경 방법

파일 내의 기존 코드를 찾아 아래와 같이 변경합니다.

기존 코드 (수정 전)

<td><? for ($k=0; $k<strlen($list[$i][wr_comment_reply]); $k++) echo "&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;";?></td> 
<td width='100%'> 
<table border=0 cellpadding=0 cellspacing=0 width=100%> 
<tr> 
<td height=1 colspan=3 bgcolor="#dddddd"><td> 
</tr> 
<tr> 
<td height=1 colspan=3></td> 
</tr> 
<tr> 
<td valign=top align="left" width="10"><?php if ($k!= 0) echo "<img src='$board_skin_path/img/icon_re.gif' align='absmiddle' alt='' /> ";?></td> 
<td valign=top colspan="2"> 
<div style="height:28px; background:url(<?=$board_skin_path?>/img/co_title_bg.gif); clear:both; line-height:28px;">

변경 코드 (수정 후)

<td><? for ($k=0; $k<strlen($list[$i][wr_comment_reply]); $k++) echo "&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;";?></td> 
<td width='100%'> 
<table border=0 cellpadding=0 cellspacing=0 width=100%> 
<tr> 
<td height=1 colspan=3 bgcolor="#dddddd"><td> 
</tr> 
<tr> 
<td height=1 colspan=3></td> 
</tr> 
<tr> 
<td valign=top align="left" width="10"><?php if ($k!= 0) echo "<img src='$board_skin_path/img/icon_re.gif' align='absmiddle' alt='' /> ";?></td> 
<td valign=top colspan="2"> 
<div style="height:28px; background:url(<?=$board_skin_path?>/img/co_title_bg.gif); clear:both; line-height:28px;">

3. 주의사항

• 사용 중인 게시판 스킨의 HTML 구조 및 버전에 따라 라인 번호나 기존 코드의 형태가 다를 수 있으므로 수정 전 파일을 반드시 백업하시기 바랍니다.

함께 보면 좋은 글

• 그누보드 게시판 목록에서 첨부파일 이미지 여부에 따른 아이콘 구분 출력하기
• 그누보드 게시판 코멘트(댓글) 영역에 회원 프로필 이미지 출력하기

참고자료

기타 참고자료

• happyjung.com — G4 댓글(코멘트)에 댓글(코멘트/덧글/답글) 달리면 화살표로 구분하기 > 기술자료 | 해피정닷컴