그누보드 5.3 갤러리 최신글 스킨 가로 출력 개수 및 줄 수 변경 방법

• 목록
• 스크랩

그누보드 5.3 갤러리 최신글 스킨 가로 출력 개수 및 줄 수 변경 방법

그누보드 5.3 테마의 갤러리형 최신글 스킨(pic_basic)에서 가로 이미지 출력 개수와 줄 수를 변경하고, 이에 따른 썸네일 크기 조절 방법을 알아봅니다.

그누보드 5.3 갤러리 최신글 스킨 가로 출력 개수 변경 방법

그누보드 5.3 테마용 기본 최신글 스킨(pic_basic)에서 가로로 출력되는 이미지 개수를 변경하려면 CSS 파일과 최신글 함수 호출부를 함께 수정해야 합니다.

1. style.css 파일 수정

해당 최신글 스킨 경로의 style.css 파일을 수정하여 가로 너비 비율을 조정합니다.

• 테마용 기본 경로: theme/basic/skin/latest/pic_basic/style.css (테마 구조에 따라 경로가 다를 수 있음)
• 기본 설정은 가로 100% 기준 5개(width:20%)로 되어 있습니다.

.pic_lt li{float:left;width:20%;padding:0 10px}

• 4개로 변경할 때: width:25%로 수정합니다.

.pic_lt li{float:left;width:25%;padding:0 10px}

• 3개로 변경할 때: width:33.3%로 수정합니다.

.pic_lt li{float:left;width:33.3%;padding:0 10px}

• 2개로 변경할 때: width:50%로 수정합니다.

.pic_lt li{float:left;width:50%;padding:0 10px}

2. index.php 파일의 latest 함수 인자 수정

최신글이 실제 출력되는 index.php 파일에서 총 출력 개수를 지정하는 latest() 함수의 세 번째 인자값을 변경합니다.

• 4개씩 2줄(총 8개)을 출력하고 싶다면 style.css에서 width:25%로 설정하고 index.php에서는 8로 설정합니다.

echo latest('theme/pic_basic', 'gallery', 8, 23);

3. 썸네일 사이즈 수정 (3개 이하 설정 시)

가로 출력 개수를 3개 이하로 줄여 이미지 사이즈가 커질 경우, 최신글 스킨 폴더에 있는 latest.skin.php 파일 상단의 썸네일 사이즈 설정($thumb_width, $thumb_height)을 늘려 이미지가 흐리게 나오는 현상을 보완합니다.

$thumb_width = 210;
$thumb_height = 150;

그누보드 최신글 갤러리 스킨 여러 줄 출력 설정 방법

그누보드 5.3 테마용 기본 최신글 스킨(pic_basic)을 기준으로, 한 줄이 아니라 여러 줄로 최신글을 출력하려면 최신글이 실제 출력되는 위치의 index.php 파일에서 latest() 함수의 인자 값을 변경해야 합니다.

index.php 파일 수정 방법

최신글이 출력되는 index.php 파일에서 latest() 함수의 세 번째 인자(출력할 총 글 수)를 원하는 전체 개수로 지정합니다.

• 4개씩 2줄(총 8개)로 출력할 경우:CSS에서 width:25%로 수정하고, index.php 파일에서는 출력 개수를 8로 설정합니다.

  echo latest('theme/pic_basic', 'gallery', 8, 23);

확인 및 주의사항

• 테마 구조에 따라 style.css 및 index.php 파일의 경로가 다를 수 있습니다.
• 가로 출력 개수를 줄여 이미지가 커질 경우, 최신글 스킨 폴더에 있는 latest.skin.php 파일 상단의 썸네일 사이즈($thumb_width, $thumb_height) 설정을 함께 수정해야 할 수 있습니다.

최신글 갤러리 스킨 가로 출력 개수 및 썸네일 설정

그누보드 5.3 테마용 기본 최신글 스킨(pic_basic) 환경에서 갤러리형 최신글의 가로 이미지 출력 개수와 썸네일 크기를 변경하려면 CSS 파일, PHP 함수 호출부, 스킨 파일을 순서대로 수정해야 합니다.

1. style.css에서 가로 폭 비율 조정

해당 최신글 스킨 폴더 내 style.css 파일을 수정하여 가로로 출력될 이미지의 폭 비율을 지정합니다.

• 파일 경로: theme/basic/skin/latest/pic_basic/style.css
• 수정 위치: .pic_lt li 선택자의 width 값

.pic_lt li{
 float: left;
 width: 20%; /* 5개 출력 시 (기본값) */
 padding: 0 10px;
}

• 개수별 설정 값
  • 4개로 출력할 때: width: 25%;
  • 3개로 출력할 때: width: 33.3%;
  • 2개로 출력할 때: width: 50%;

2. index.php에서 출력 총 개수 지정

최신글이 실제 출력되는 영역의 파일에서 latest() 함수의 인자값을 변경하여 총 출력 개수와 줄 수를 제어합니다.

• 수정 위치: index.php 등의 최신글 호출 부
• 설정 예시
  • 5개씩 2줄(총 10개) 출력 시: CSS는 기본 width: 20%를 유지하고 함수 인자를 10으로 지정합니다.

  echo latest('theme/pic_basic', 'gallery', 10, 23);

  • 4개씩 2줄(총 8개) 출력 시: CSS width를 25%로 수정하고 함수 인자를 8로 지정합니다.

  echo latest('theme/pic_basic', 'gallery', 8, 23);

3. latest.skin.php에서 썸네일 사이즈 수정

가로 출력 개수를 3개 이하로 줄여 이미지가 커짐에 따라 흐리게 나오는 경우, 스킨 파일 상단의 썸네일 폭과 높이 변수 값을 늘려 선명도를 유지할 수 있습니다.

• 수정 위치: 최신글 스킨 폴더 내 latest.skin.php 상단
• 수정 변수: $thumb_width, $thumb_height

  $thumb_width = 210;
  $thumb_height = 150;

그누보드 5.3 갤러리 최신글 가로 개수 및 레이아웃 설정 가이드

내 상황	선택 기준	다음 행동
갤러리 최신글(pic_basic)의 가로 출력 개수를 변경하고 싶을 때	스킨의 CSS 파일에서 리스트 항목(li)의 폭(width) 비율 조정	theme/basic/skin/latest/pic_basic/style.css에서 .pic_lt li의 width 값을 4개는 25%, 3개는 33.3%, 2개는 50%로 수정
여러 줄로 총 출력 개수를 제어하고 싶을 때	최신글이 호출되는 영역의 latest() 함수 인자값 변경	index.php 등에서 latest('theme/pic_basic', 'gallery', 출력총개수, 23)의 세 번째 인자 수정
가로 개수를 줄여 이미지가 커졌을 때 흐리게 보일 때	최신글 스킨 폴더 내 썸네일 생성 규격 변수 확인	latest.skin.php 상단의 $thumb_width, $thumb_height 크기 상향 조정

실전 FAQ

Q. 테마 구조에 따라 style.css 경로가 다를 때는 어떻게 하나요?

• 테마별로 경로가 상이할 수 있으므로, 현재 활성화된 테마 폴더 내 skin/latest/pic_basic/style.css 파일을 우선 확인하십시오.

Q. 썸네일 사이즈를 수정해도 이미지가 흐립니다.

• 썸네일 생성 규격($thumb_width, $thumb_height)을 늘린 후, 기존에 생성된 썸네일 캐시 파일이 남아있으면 변경 사항이 즉시 반영되지 않을 수 있습니다. data/cache 폴더 내 latest-* 파일들을 삭제하여 캐시를 갱신해 보십시오.

함께 보면 좋은 글

• 그누보드5 최신글 스킨 목록형 가로 두 줄 레이아웃 구조 제작 방법
• 그누보드5 최신글 갤러리 스킨 제작 기초와 썸네일·줄바꿈 구현 방법
• 그누보드4 랜덤 갤러리 스킨 적용 방법과 최신글 함수 사용법

참고자료

기타 참고자료

• gnustudy.com — 최신글 갤러리 스킨에서 가로 이미지 출력 개수 설정하기 - 최신글스킨강좌, 그누보드5강좌