pure gallery 사용중인데요 보여지는 사진 사이즈 변경 어떻게 해야하나요

1. 업로드시 보여지는 사진이 정사각형인데 세로 직사각형으로 하고 싶습니다

2. 또 혹시 오버레이가 동작안했으면 하는데 어떻게 없앨 수 있나요?

3. 업로드 최소 사이즈가 몇 픽셀인지까지 알려주시면 감사하겠습니다 :)

워드프레스 에러 기술지원 서비스 전문가에게 맡기세요
워드프레스 에러 기술지원 서비스 전문가에게 맡기세요
  • 안녕하세요~^^

    1. KBoard 퓨어 갤러리 스킨 게시글 목록 페이지에서 표시하는

    썸네일 크기는

    FTP로 접속해서 /wp-content/plugins/kboard/skin/사용중인스킨/list.js 파일에

    kboard_pure_gallery_list_layout 함수로 조절하고 있습니다.

    세로 직사각형 모양으로 적용하시려면

    아래의 코드를 찾아서

    jQuery('.kboard-list-item .kboard-list-thumbnail', this).css({'height':item_width+'px'});

    아래의 코드로 교체해보시겠어요?

    jQuery('.kboard-list-item .kboard-list-thumbnail', this).css({'height':(item_width*1.5)+'px'});

    1.5 부분의 수치는 적절히 조절해보세요.

     

    2. 오버레이 기능을 제거하시려면

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

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

    #kboard-pure-gallery-list .kboard-pure-gallery-list .kboard-list-item:hover .kboard-list-thumbnail .kboard-list-thumbnail-child { -moz-transform: unset; -webkit-transform: unset; -o-transform: unset; -ms-transform: unset; transform: unset; -ms-filter: unset; }
    #kboard-pure-gallery-list .kboard-pure-gallery-list .kboard-list-item .kboard-list-thumbnail .kboard-list-thumbnail-over-background { display: none; }
    #kboard-pure-gallery-list .kboard-pure-gallery-list .kboard-list-item .kboard-list-thumbnail .kboard-list-thumbnail-over-image { display: none; }

     

    3. KBoard 플러그인에서 업로드 최소 사이즈를 별도로 제한하고 있지 않습니다.

    다만, 썸네일을 표시할 때 페이지 로딩 속도 문제로 이미지를 일정 크기로 잘라서 표시하고 있습니다.

     

    최신 버전의 KBoard 플러그인과 게시판 스킨을 사용 중이시라면

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

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

    '500' 부분은 가로 크기이며 '1000' 부분은 세로 크기입니다.

    적절히 조절해보시겠어요?

    고맙습니다.

  • 감사합니다 그런데 모바일로 접속해서 보면 

    1. 사진이 직사각형으로 변하지 않았고 정사각형입니다

    2. 그리고 진입해서 사진을 확인하면 사진 주변에 테두리가 그려져 있는데 없앨 수 있나요

  • 1. 수정한 코드가 바로 적용되지 않는다면

    캐시 문제일 수도 있습니다.

    코드 수정 후에는 브라우저의 캐시를 비우신 후에 확인해보시겠어요?

    크롬 브라우저에서 강력 새로고침 단축키는 Ctrl + Shift + R 입니다.

     

    테마 쪽에서 캐시 관련 기능을 사용 중이거나 캐시 관련 플러그인을 사용 중이시라면

    비활성화한 후에도 확인해보시겠어요?

     

    2. 게시글 본문 페이지를 말씀하시는 건지요?

    비회원으로도 확인 가능한 페이지 주소 알려주시면 살펴보겠습니다.

    고맙습니다.

  • #커뮤니티 자동 추천글

    KBoard 커뮤니티

    더보기

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