썸네일 이미지 선명하게 하는방법

http://tcms2020.cafe24.com/?page_id=17&mod=list&pageid=1

 

3칸으로 강제 조정하였는데요 이미지가 흐리게 나와서요 

선명하게 보이게 하려면 어떻게 해야할까요ㅠㅠ 

width 값과 height 값을 동일하게 하고픈데 이것도 방법이 있을까요?ㅠㅠ

워드프레스 에러 기술지원 서비스 전문가에게 맡기세요
좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
  • 안녕하세요~^^

    기존 업로드된 이미지 사이즈보다 넓은 영역에 이미지를 표시하면서 흐리게 표시될 수 있습니다.

    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'=>'330', 'height'=>'160');
        }
        return $size;
    }

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

    330 부분은 너비 크기이며 160 부분은 높이 크기입니다.

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

     

    플레이 비디오 스킨 게시글 목록 페이지에서 썸네일은

    기본적으로 16:9 비율로 표시하고 있습니다.

    가로 세로 너비가 동일하게 표시되게 하시려면

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

    아래의 코드를 추가해보세요.

    #kboard-play-video-list .kboard-list-item .kboard-list-thumbnail { padding-bottom: 100%; }

    고맙습니다.

좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기