모바일 이전 다음 문제 (게시판 페이징 기능 문의)

http://www.cosmosfarm.com/threads/document/19461

 

 

답변으로 잘 구현했습니다.

그러나 모바일 페이지에서도 10칸씩 이동하는 바람에

사진처럼 나머지 페이지는 볼 수가 없더군요.. ㅠㅠ

 

1페이지씩 보이는 모바일 페이지에서 다음버튼을 누르면 한칸씩 이동하게 만들 수 있을까요?

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

    모바일 페이지에서는 1페이지씩 이동하시려면

    1. 아래의 코드로 적용해보시겠어요?

    // 좌우 이동 화살표 «, »를 출력한다.
    // 처음과 마지막 페이지가 아니라면 링크를 걸어주면 된다.
    if($current_page != 1){
    	$prev_page = $current_page - 10;
    	if($prev_page < 0){
    		$prev_page = 1;
    	}
    	$mobile_prev_page = $current_page - 1;
    	if($mobile_prev_page < 0){
    		$mobile_prev_page = 1;
    	}
    	$paging = "<li class=\"first-page\"><a href=\"?pageid=1{$query_strings}\">".__('First', 'kboard')."</a></li>" . "<li class=\"prev-page\"><a href=\"?pageid={$prev_page}{$query_strings}\">«</a></li><li class=\"mobile-prev-page\"><a href=\"?pageid={$mobile_prev_page}{$query_strings}\">«</a></li>{$paging}";
    }
    if($current_page != $total_page){
    	$next_page = $current_page + 10;
    	if($next_page > $total_page){
    		$next_page = $total_page;
    	}
    	$mobile_next_page = $current_page + 1;
    	if($mobile_next_page > $total_page){
    		$mobile_next_page = $total_page;
    	}
    	$paging = "{$paging}<li class=\"next-page\"><a href=\"?pageid={$next_page}{$query_strings}\">»</a></li><li class=\"mobile-next-page\"><a href=\"?pageid={$mobile_next_page}{$query_strings}\">»</a></li>" . "<li class=\"last-page\"><a href=\"?pageid={$total_page}{$query_strings}\">".__('Last', 'kboard')."</a></li>";
    }

     

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

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

    .mobile-prev-page { display: none !important; }
    .mobile-next-page { display: none !important; }
    
    @media screen and (max-width: 600px) {
    	.prev-page { display: none !important; }
    	.next-page { display: none !important; }
    	.mobile-prev-page { display: inline-block !important; }
    	.mobile-next-page { display: inline-block !important; }
    }

    고맙습니다.

  • 감사합니다. :))

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