이미지를 CSS 코드로 강제로 늘리시면 이미지가 깨져 보일 수 있습니다.

CSS 코드로 이미지 크기를 늘리실 경우,

페이지 로딩 시 불러오는 이미지 사이즈 크기로 늘려주셔야 합니다.

KBoard 플러그인에 내장되어 있는 kboard_content_get_thumbnail_size 필터를 활용하시면

페이지 로딩 시 불러오는 썸네일 사이즈 크기를 조절하실 수 있습니다.

워드프레스 관리자 -> 외모(테마 디자인) -> 테마 편집기 페이지에서 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'=>'290', 'height'=>'215');
    }
    return $size;
}

위의 코드에서 $board->id == '1' 부분은 실제 게시판 id로 적용해주세요.

290 부분은 너비 크기이며 215 부분은 높이 크기입니다.

적절히 늘려서 확인해보시겠어요?

고맙습니다.