그누보드 메인 페이지 원하는 위치에 최신글(latest) 수동 배치 및 출력

• 목록
• 스크랩

그누보드 메인 페이지 원하는 위치에 최신글(latest) 수동 배치 및 출력

그누보드 메인 페이지(index.php)에서 기본 자동 출력 방식을 대신해 원하는 특정 게시판의 최신글만 골라 수동으로 배치하는 구체적인 템플릿 코드와 가로 정렬 레이아웃 설정 방법을 안내합니다.

그누보드 메인 페이지 최신글 수동 배치 및 출력 방법

그누보드 메인 페이지에서 모든 게시판의 최신글이 자동으로 출력되는 기본 코드를 대신하여, 원하는 특정 게시판의 글만 골라 원하는 위치에 수동으로 배치하려면 index.php 파일을 수정하고 latest() 함수를 사용해야 합니다.

1. 수정 파일 위치 확인 및 기존 코드 삭제

• 수정 파일: index.php
• 작업: 원본 기준으로 기존에 자동으로 전체 게시판이 호출되거나 반복 출력되도록 설정된 코드를 전체 삭제합니다.

2. latest() 함수를 이용한 수동 배치 예제

기존 코드를 삭제한 위치에 아래 예제 코드를 참고하여 원하는 게시판의 아이디(bo_table 값)와 출력 형태를 지정해 추가합니다.

<div class="latest_wr">
 <div style="float:left" class="lt_wr">
 <?php echo latest('theme/basic', '게시판1', 6, 24);?>
 </div>
 <div style="float:left;margin-left:2%" class="lt_wr">
 <?php echo latest('theme/basic', '게시판2', 6, 24);?>
 </div>
 <div style="float:left" class="lt_wr">
 <?php echo latest('theme/basic', '게시판3', 6, 24);?>
 </div>
 <div style="float:left;margin-left:2%" class="lt_wr">
 <?php echo latest('theme/basic', '게시판4', 6, 24);?>
 </div>
</div>
<div class="latest_wr">
 <?php echo latest('theme/pic_basic', '갤러리1', 5, 23);?>
</div>
<div class="latest_wr">
 <?php echo latest('theme/pic_basic', '갤러리2', 5, 23);?>
</div>

• 함수 문법: latest(스킨, 게시판아이디, 출력라인, 글자수)
• 일반 목록형 최신글은 가로 2개 배열 기준으로 짝수 위치에 margin-left:2%가 추가되며, 갤러리형이나 일반 목록형을 가로 1개만 배치하고 싶을 때는 .latest_wr 구조 안에 단독으로 latest() 함수를 호출하면 됩니다.

3. 그누보드 5.4 버전 추가 조치

그누보드 5.4 버전 기본 테마 환경을 사용하는 경우 default.css 파일의 .lt_wr 스타일을 수정해야 정렬이 올바르게 유지됩니다.

• 변경 전 스타일 예시

  .lt_wr {width:32%}
  .lt_wr:nth-child(3n+1) {clear:both}

• 변경 후 스타일 예시

  .lt_wr{width:49%}
  .lt_wr:nth-child(2n+1){clear:both}

4. 적용 후 확인

• index.php 수정 및 필요시 CSS 수정을 마친 후 메인 페이지를 새로고침하여 원하는 위치에 지정한 게시판의 최신글이 정확히 출력되는지 확인합니다.

그누보드 5.4 버전 기본 테마 CSS(.lt_wr) 수정 방법

그누보드 5.4 버전 기본 테마 환경에서 최신글을 가로로 정렬할 때는 default.css 파일에서 .lt_wr 관련 속성을 수정해야 합니다.

1. 기본 스타일 수정 위치

default.css 파일에서 기존에 아래와 같이 설정된 코드를 찾습니다.

.lt_wr {width:32%}
.lt_wr:nth-child(3n+1) {clear:both}

2. 변경할 CSS 코드

원하는 가로 배열 방식(예: 2단 정렬 등)에 맞춰 위 코드를 아래와 같이 수정합니다.

.lt_wr {width:49%}
.lt_wr:nth-child(2n+1) {clear:both}

3. 다음 행동 및 확인 방법

• CSS 수정 후 메인 페이지를 새로고침하여 최신글 박스가 레이아웃 이탈 없이 의도한 가로 정렬 형태로 출력되는지 확인합니다.
• 사용 중인 테마나 환경에 따라 CSS 클래스 명칭에 차이가 있을 수 있으므로 적용 후 화면 깨짐 현상이 있는지 점검해야 합니다.

그누보드 메인 페이지 최신글 수동 배치 및 출력 방법

그누보드 메인 페이지에서 기본 설정으로 자동 출력되는 최신글 대신, 원하는 특정 게시판의 최신글을 원하는 위치에 수동으로 배치하려면 index.php 파일을 수정하고 latest() 함수를 사용합니다.

1. 수정 파일 및 위치 확인

메인 화면 구성은 index.php 파일에서 이루어집니다. 최신글을 출력하는 위젯은 latest() 함수를 사용해 조립됩니다.

2. 코드 수정 예제

index.php 원본 파일의 기존 최신글 출력 코드를 삭제한 후, 아래와 같이 latest() 함수를 활용하여 원하는 게시판을 수동으로 배치합니다.

<div class="latest_wr">
 <div style="float:left" class="lt_wr">
 <?php echo latest('theme/basic', '게시판1', 6, 24);?>
 </div>
 <div style="float:left;margin-left:2%" class="lt_wr">
 <?php echo latest('theme/basic', '게시판2', 6, 24);?>
 </div>
 <div style="float:left" class="lt_wr">
 <?php echo latest('theme/basic', '게시판3', 6, 24);?>
 </div>
 <div style="float:left;margin-left:2%" class="lt_wr">
 <?php echo latest('theme/basic', '게시판4', 6, 24);?>
 </div>
</div>
<div class="latest_wr">
 <?php echo latest('theme/pic_basic', '갤러리1', 5, 23);?>
</div>
<div class="latest_wr">
 <?php echo latest('theme/pic_basic', '갤러리2', 5, 23);?>
</div>

3. 그누보드 5.4 버전 CSS 수정 가이드

만약 그누보드 5.4 버전 기본 테마를 사용하는 환경이라면 가로 정렬을 위해 default.css 파일도 함께 수정해야 합니다.

기존 .lt_wr 스타일을 아래와 같이 수정합니다.

.lt_wr {width:32%}
.lt_wr:nth-child(3n+1) {clear:both}

위 코드를 아래 내용으로 변경합니다.

.lt_wr{width:49%}
.lt_wr:nth-child(2n+1){clear:both}

4. 주의사항

• 문법 오류를 방지하기 위해 $row['bo_table'] 변수 자리에 임의의 값을 넣지 말고 관리자 페이지에서 확인한 정확한 게시판 테이블명(아이디)을 문자열 형태로 입력해야 합니다.
• 코드를 수정하기 전에 원본 index.php 파일을 백업하여 언제든 되돌릴 수 있도록 준비합니다.

상황별 가이드

내 상황	선택 기준	다음 행동
메인 화면에서 특정 게시판만 골라 원하는 위치에 배치하고 싶음	index.php 내 기존 자동 출력 코드 삭제	latest() 함수를 원하는 위치에 삽입하여 게시판 아이디와 출력 옵션 지정
그누보드 5.4 버전 기본 테마에서 최신글 가로 정렬이 어긋남	default.css 내 .lt_wr 스타일 속성 확인	.lt_wr의 width를 49%로, nth-child를 2n+1로 수정
코드 수정 중 오류 발생이 우려됨	수정 전 원본 파일 백업	index.php를 수정하기 전 반드시 원본을 복사하여 보관

실전 FAQ

Q. 최신글이 가로로 정렬되지 않고 세로로 나열됩니다.

• 그누보드 5.4 버전 기본 테마를 사용 중이라면 default.css 파일의 .lt_wr 스타일이 3단 정렬(32%)로 설정되어 있을 수 있습니다. 이를 2단 정렬(49%)로 수정해야 의도한 레이아웃이 유지됩니다.

Q. 게시판 아이디(bo_table)를 잘못 입력하면 어떻게 되나요?

• latest() 함수에 존재하지 않는 게시판 아이디를 넣으면 해당 영역에 최신글이 출력되지 않거나 빈 화면이 나타날 수 있습니다. 관리자 페이지의 게시판 관리 목록에서 정확한 테이블명을 확인하세요.

Q. 수정 후에도 화면이 깨지거나 레이아웃이 무너집니다.

• index.php 내 HTML 태그(div 등)의 닫힘 태그가 누락되었는지 확인하세요. 또한, 사용 중인 테마의 CSS 클래스 명칭이 기본값과 다를 수 있으므로 개발자 도구(F12)를 통해 해당 영역의 클래스명을 다시 확인해야 합니다.

함께 보면 좋은 글

• 그누보드 메인 메뉴 3차 서브메뉴 수동 추가 방법과 디자인 적용 요령
• 그누보드5 최신글 스킨 파일 배치 및 경로 설정 가이드
• 그누보드 메인 최신글 글 수 부족 시 여백 및 높이 문제 해결 방법

참고자료

기타 참고자료

• mercury-seed.com — 그누보드5 메인 화면 특정 게시판 최신글 설정 및 노출 가이드 | 데빈포 : 그누보드 포럼
• gnustudy.com — 메인 페이지 최신글 선택해서 출력 - 기초활용강좌, 그누보드5강좌