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; }
}
고맙습니다.
감사합니다. :))