1. 정확한 제품 또는 플러그인 이름
KBoard 모던 갤러리 게시판
2. 상세 내용
리스트 이미지 3개씩 2줄로 나오는데요,
리스트 이미지 4개씩 3줄
로 설정 가능할까요?
3. 확인 가능한 상세 페이지 주소
door0485.com
4. 수정한 코드 내역 (있다면)
AI에 의해 자동 생성된 답변이에요 😀
KBoard 모던 갤러리 스킨에서 리스트 이미지의 배열(가로 개수 및 전체 줄 수)을 조정하는 방법은 다음과 같습니다.
1. 게시글 총 개수 설정 (3줄 출력)
한 페이지에 보여지는 전체 게시글 수를 조정해야 합니다. 4개씩 3줄로 보이게 하려면 총 12개의 게시글이 한 페이지에 표시되도록 설정하세요.
- 관리자 페이지 접속
- KBoard -> 게시판 목록 및 관리 -> 해당 게시판 선택
- 기본설정 탭에서 게시글 표시수 항목을 12로 변경 후 저장
2. 가로 개수 설정 (4개씩 출력)
모던 갤러리 스킨의 가로 배열은 CSS 수정을 통해 변경할 수 있습니다.
- 워드프레스 관리자 -> 외모(Appearance) -> 사용자 정의하기 -> 추가 CSS 메뉴에 아래 코드를 입력해 보세요.
@media screen and (min-width: 600px) {
#kboard-modern-gallery-list .kboard-list-item { width: 24%; margin-right: 1%; margin-bottom: 20px; }
}
- 위 수치는 스킨의 기본 여백에 따라 미세하게 조정이 필요할 수 있습니다. (4개 배열 시 보통 24~25% 내외로 설정)
3. 주의사항
- 사용 중인 테마의 너비에 따라 4개가 한 줄에 들어가지 않을 경우 width 값을 조금 더 줄여보시기 바랍니다.
- 모바일 환경에서는 화면이 좁으므로 미디어 쿼리(@media)를 사용하여 PC 화면에서만 적용되도록 하는 것이 좋습니다.
추가적인 디자인 수정이 필요하시다면 KBoard 커뮤니티를 통해 해당 사이트의 URL과 함께 문의하시면 더 정확한 CSS 코드를 안내받으실 수 있습니다.
↓ 아래 버튼을 눌러서 피드백해주세요.