페이지에 접속하면 페이지 네비게이션 숫자는 나오는데 숫자클릭하면, 작동이 안됩니다 ㅠㅠ (개발자도구에선  <a href="/board?page=2">2</a> 이런 형식으로 링크는 제대로 삽입되어있습니다)

숏코드로 제작해서 엘리멘터 페이지에 삽입하면  페이지 네비게이션이 작동 안하나요 ?

아래와 같이 코드를 작성하였는데 한번 확인해주시면 감사하겠습니다

* 페이지 주소가 domain.com/board/ 이면, 숫자 2를 클릭했을 때  주소창에  domain.com/board?page=2 로 변경이 되는데 페이지 접속하면  domain.com/board/로 변경이 됩니다 ㅠ.. 

저의 추측으로는 원래 페이지 주소로 변경되어  문제인것같은데 이 문제를 해결할 수 있는 방법이 있을까요 ?

domain.com/board

$List = $wpdb->get_results("SELECT * FROM $tablename WHERE id = '$id' order by id desc" );


$count2 = count($List);

$per_page  = 5;
$totalpages = ceil($count2 / $per_page);

if(isset($_GET['page']) && !empty($_GET['page'])){
	$page=$_GET['page'];

    echo $page; 
}else{
	$page = 1;
	echo $page;
}

$offset = ($page-1) * $per_page;
			
$List = $wpdb->get_results("SELECT * FROM $tablename WHERE id = '$id' order by id desc limit $per_page OFFSET $offset" );

echo '<table>';
foreach ( $List as $board ) {
			echo '<tr>';
			  echo '<td>'.$board->title.'</td>';
			  echo '<td>'.$board->author.'</td>';
			  echo '<td>'.$board->content.'</td>';
			  echo '<td>'.$board->date.'</td>';
			 
		  	 echo '</tr>';
}
		echo '</table>';
		
echo "<div class='pagenation'>";
	   for($i = 1; $i <= $totalpages ; $i++){
			if($i == $page)
				echo '<a class="active">'.$i.'</a>';
			else{
				echo '<a href="/board?page='.$i.'">'.$i.'</a>';
			}
		}
echo '</div>';