화이클 갤러리는 가로 3열에 썸네일도 세로보다 가로가 큰 넓적한 크기입니다. 저는 가로 4열에 썸네일을 세로가 가로보다 큰 길쭉한 크기로 조절하고 싶습니다.
어떻게 해야 할까요?
이 게시글은 자유게시판에서 KBoard 카테고리로 옮겨졌습니다.
안녕하세요~^^
KBoard 화이클 갤러리 스킨 게시글 목록 페이지에서
한 줄에 표시되는 게시글의 수를 4개로 설정하고 썸네일 비율도 세로가 길게 표시되게 하시려면
워드프레스 관리자 -> 외모 -> 사용자 정의하기 -> CSS 입력 필드에
아래의 코드를 추가해보시겠어요?
/* 기본값은 32.33333333333333% (한 줄에 3개) */
#kboard-hwaikeul-gallery-list .kboard-list .kboard-list-item { width: 24%; }
/* 기본값은 56.25% (16:9 비율) */
.kboard-hwaikeul-gallery-container.wide { padding-bottom: 120%; }
@media screen and (max-width: 600px) {
#kboard-hwaikeul-gallery-list .kboard-list .kboard-list-item { width: 100%; }
}
위의 코드에서 120% 부분을 늘리면 썸네일 이미지의 세로 길이가 늘어납니다.
실제 로딩되는 이미지의 길이도 편집하시려면
워드프레스 관리자 -> 외모 -> 테마 편집기 페이지에서 functions.php 파일 하단에
아래의 코드를 추가해보시겠어요?
add_filter('kboard_content_get_thumbnail_size','my_kboard_content_get_thumbnail_size', 10, 2);
function my_kboard_content_get_thumbnail_size($size, $content){
$board = $content->getBoard();
if($board->id == '1'){ // 실제 게시판 id로 적용해주세요.
$size = array('width'=>'338', 'height'=>'600'); // 기본은 width 600 height: 338;
}
return $size;
}
위의 코드에서 $board->id == '1' 부분은 실제 게시판 id로 적용해보세요.
너비와 높이는 적절히 수정해보시겠어요?
고맙습니다.