1. 모바일 화면에서 썸네일 해상도가 문제가 되는지요?

PC 화면에서도 문제가 되는지요?

PC 화면과 다르게 스마트폰(모바일)에서는 사이즈를 넉넉하게 해주셔야 선명하게 보입니다.

이미지 사이즈가 커지면 페이지 로딩이 느려질 가능성이 있습니다.

FTP로 접속해서 /wp-content/plugins/kboard/skin/card-gallery/list.php 파일에

아래의 코드들이 있습니다.

$content->getThumbnail(330, 160)

숫자는 가로 세로 픽셀 사이즈입니다.

숫자를 크게 조절하시면 썸네일 이미지 크기를 조절할 수 있습니다.

2. KBoard 카드 갤러리 스킨에서 썸네일 이미지는

페이지의 크기에 따라 반응형으로 표시되도록 설정되어 있습니다.

썸네일 이미지를 정사각형으로 표시하시려면 반응형이 아닌 고정된 너비와 높이로 설정을 해주셔야 할 듯합니다.

워드프레스 관리자 -> 외모 -> 사용자 정의하기 -> CSS 입력 필드에

아래의 코드를 추가해보시겠어요?

#kboard-card-gallery-list .kboard-list-item { width: 160px; box-sizing: content-box; }
#kboard-card-gallery-list .kboard-list-item .kboard-list-thumbnail { width: 160px; height: 160px; }
@media screen and (max-width: 600px) {
    #kboard-card-gallery-list .kboard-list-item { width: 160px; }
}

위의 코드에서 width: 160px; 코드와 height: 160px; 코드는 적절히 수정하신 후에 적용해주시면 됩니다.

고맙습니다.