코스모스팜 스레드

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. 게시글 본문 페이지를 말씀하시는 건지요?

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

    고맙습니다.

이미지 사진은 imgur에 업로드한 뒤 링크 걸어주세요.
무제한으로 웹사이트를 만드세요. (코스모스팜 무제한 라이센스)