ページナビゲーションと活用する事でユーザビリティを向上させるページ記事目次の作り方

ページ一覧ページの記事一覧をサイト上部に表示させるとコンテンツが分かり易い

当サイトでは一覧ページでは、そのページで表示させている記事のタイトル一覧をサイトの上部に表示させている。
今回はそのやり方を記載する。

<?php if (have_posts()) : ?>
<div id="page_navigation_top">
→このページの記事目次<br />
<ul>
<?php while (have_posts()) : the_post(); ?>
<!-- ページナビ -->
<li><a href="#post-<?php the_ID(); ?>"><?php the_title(); ?></a> | <?php the_category(', '); ?></li>
<?php endwhile; ?>
</ul>
</div>
<?php wp_pagenavi(); // ここでページナビを呼び出している ?>
<?php endif; ?>

この記事が気に入ったら下のボタンをクリック