일단 썸네일의 이미지 화질을 좋게 하고싶구요. 가로세로의 비율도 같은 정사각형으로 만들고싶습니다.
안녕하세요~^^
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; 코드는 적절히 수정하신 후에 적용해주시면 됩니다.
고맙습니다.