メニュー 閉じる

その場で一覧が切り替わるをアンカーリンクで実装

以前「iframe」で実装したが、複数ページに設置するのは現実的ではないので、簡単なアンカーリンクで実装をしてみた。
(以前の記事はこちら

 

例では固定ページの一覧表示部分に読み込んでいる「sc-real-mccoys-newlist.php」を少しいじる
ページネーション表示部分のコード内の書き部分を変更する。
‘base’ => str_replace( $big, ‘%#%’, esc_url( get_pagenum_link( $big ) ) ),
と書かれているコードを
‘base’ => str_replace( $big, ‘%#%’.’#listanchor’, esc_url( get_pagenum_link( $big ) ) ),
へ変更カンマでつないでアンカーリンク用のパレーター‘#listanchor’を追加している

↓ 全体のコードはこのようになる

<div class="pagenation">
<?php
//ページネーション
if ( $the_query->max_num_pages > 1 ) {
echo paginate_links( array(
'base' => str_replace( $big, '%#%'.'#listanchor', esc_url( get_pagenum_link( $big ) ) ),
'format' => 'page/%#%/',
'current' => max( 1, $paged ),
'total' => $the_query->max_num_pages,
'type' => 'list',
'prev_text' => '« 前へ',
'next_text' => '次へ »'
) );
}
wp_reset_postdata();
?>
</div>

あとは飛ばしたい箇所にid属性を付与すればOK!
<h2 class=”brand_title” id=”listanchor”>リアルマッコイズ買取実績</h2>