default게시판 모바일에서 페이지 표시 변경

1. 정확한 제품 또는 플러그인 이름

default게시판

 

2. 상세 내용

모바일에서 페이지넘버가 1-2-3-4-5- 표시되어야 하는데 사용자들이 페이지가 없는 줄 알고 문의 주셔서 변경하려고 합니다.

이와 관련된 문의글 검색해서 css추가 및 list.php파일 수정해서 테스트 해보았는데 적용이 되지 않습니다. 

https://www.cosmosfarm.com/threads/document/45474
https://www.cosmosfarm.com/threads/document/14614

다른 어떤 페이지를 수정해야 할까요?

 

3. 확인 가능한 상세 페이지 주소

 

 

4. 수정한 코드 내역 (있다면)

삭제

#kboard-default-list .kboard-pagination .kboard-pagination-pages li { display: none; }
#kboard-default-list .kboard-pagination .kboard-pagination-pages li.first-page,
#kboard-default-list .kboard-pagination .kboard-pagination-pages li.last-page,
#kboard-default-list .kboard-pagination .kboard-pagination-pages li.prev-page,
#kboard-default-list .kboard-pagination .kboard-pagination-pages li.next-page,
#kboard-default-list .kboard-pagination .kboard-pagination-pages li.active { display: inline-block; }
#kboard-default-list .kboard-pagination .kboard-pagination-pages li.prev-page a,
#kboard-default-list .kboard-pagination .kboard-pagination-pages li.next-page a { padding: 0 18px; }

추가

@media screen and (max-width: 600px) { #kboard-default-list .kboard-pagination .kboard-pagination-pages li { display: inline-block; } }

 

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

    KBoard 플러그인 게시글 목록 페이지를

    모바일에서는 의도적으로 페이징 넘버는 하나만 나오고 좌우 화살표와 처음, 마지막 버튼만 나오도록 되어있습니다.

    모바일에서는 화면이 좁기 때문에 하나만 나오도록 적용되어 있으며 다른 스킨도 마찬가지입니다.

     

    디폴트 스킨에서 모바일 페이징의 수를 5개씩 표시하시려면

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

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

    @media screen and (max-width: 600px) {
    	#kboard-default-list .kboard-pagination .kboard-pagination-pages li { display: inline-block; }
    }

     

    테마의 functions.php 파일 또는 Code Snippets 플러그인을 사용해서

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

    add_action('kboard_skin_header', 'kboard_skin_header_20200918', 10, 1);
    function kboard_skin_header_20200918($builder){
    	$board = $builder->board;
    	if($board->id == '1'){ // 실제 게시판 id로 적용해주세요.		
    		add_filter('kboard_pagination_sliding_size', 'kboard_pagination_sliding_size_20200918', 10, 1);
    	}
    }
    
    function kboard_pagination_sliding_size_20200918($sliding_size){
    	if(wp_is_mobile()){
    		$sliding_size = '5';
    	}
    	return $sliding_size;
    }

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

    $sliding_size = '5' 부분의 숫자를 조절하시면 표시되는 페이징의 수를 조절하실 수 있습니다.

    고맙습니다.

  • @media screen and (max-width: 600px) { #kboard-default-list .kboard-pagination .kboard-pagination-pages li { display: inline-block; } }
     이 부분이 계속 적용이 안되고 있습니다.

    테마의 functions.php 파일 수정은 잘 되는데 제가 문의드린건 모바일에서도 pc처럼 페이지넘버 보이게 하려는것이였습니다.^^;

    1,2,3,4>>마지막

    4페이지 클릭하면 1,2,9,10>>마지막 으로 페이지넘버가 뜹니다..

     

    참고링크

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