오션갤러리 모바일에서만 리스트 목록수 변경 가능한가요?

안녕하세요

PC 사이즈에서는 1페이지당 출력 되는 개수가 1라인당 4개씩 * 3라인 = 12개가 그냥 나오도록 하고 모바일에서 는 너무 작아져서 1페이지당 출력 수는 1라인당 2개씩 * 2라인 = 4개만 (현재는 라인당 2개씩 6라인으로 출력됨) 나오도록 하고 싶습니다.

어디서 조정하면 되나요?

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

    KBoard 게시판은 테마 쪽에서 설정한 최대 너비만큼 표시되도록 설정되어 있습니다.

    오션 갤러리 스킨의 경우 하나의 게시글의 너비는 기본적으로 220px로 설정되어 있습니다.

    높이는 155px로 설정되어 있습니다.

     

    PC에서 너비와 높이를 조절하시려면

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

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

    #kboard-ocean-gallery-list .kboard-list .kboard-gallery-item { width: 300px; }
    #kboard-ocean-gallery-list .kboard-list .kboard-gallery-thumbnail { width: 300px; }
    #kboard-ocean-gallery-list .kboard-list .kboard-gallery-thumbnail img { width: 300px; height: 155px; }
    #kboard-ocean-gallery-list .kboard-list .kboard-no-image { height: 155px; }

    위의 코드에서 픽셀은 적절히 조절해보세요.

     

    모바일에서 너비와 높이를 조절하시려면

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

    @media screen and (max-width: 600px) {
        #kboard-ocean-gallery-list .kboard-list .kboard-gallery-item { width: 140px; }
        #kboard-ocean-gallery-list .kboard-list .kboard-gallery-thumbnail { width: 140px; }
        #kboard-ocean-gallery-list .kboard-list .kboard-gallery-thumbnail img { width: 140px; height: 155px; }
    	#kboard-ocean-gallery-list .kboard-list .kboard-no-image { height: 155px; }
    }

     

    게시글 표시 수를 모바일에서만 다르게 설정하시려면

    아래의 코드를 활용해보세요.

    add_action('kboard_skin_header', 'kboard_skin_header_20210401', 10, 1);
    function kboard_skin_header_20210401($builder){
    	$board = $builder->board;
    	if(wp_is_mobile() && $board->id == '1'){ // 실제 게시판 id로 적용해주세요.
    		$builder->rpp = 5; // 모바일에서 표시할 게시글의 수
    	}
    }

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

    $builder->rpp = 5; 부분은 실제 모바일에서 표시할 게시글의 수로 적용해보세요.

    테마의 functions.php 파일에 코드를 추가하거나 Code Snippets 플러그인을 사용해서 코드를 추가할 수 있습니다.

    고맙습니다.

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