WordPressのTOPページやアーカイブページのような記事一覧ページには過去記事へ遷移するためのページング機能がデフォルトで入っていますが、ページ番号を並べたナビゲーションのほうがずっと昔の記事へジャンプすることが可能なので設置したいと考えていました。

そこでいい紹介サイトがないか探していたところ、power sourceというまとめサイトが分かりやすかったので参考にしました。

このサイトをもとに以下のソースを[外観]→[編集]の「メインインデックスのテンプレート(index.php)」と「アーカイブ (archive.php)」の適切な場所に設置しました。

<div class="navigation">
<?php if(function_exists(’wp_pagenavi’)) { wp_pagenavi(); } ?></div>

そうすると本ブログでも使っているように、このように分かりやすいナビゲーションにすることができます。
(デフォルトの機能もそんなに邪魔にならなかったので一応残していますがいつか削除するかも)

paging

問題は上記のソースをどこに設置するのが適切なのかなのですが、PHPなので直ぐには分かりませんでした。
いろいろ置いて試してみることで現在の位置に納まったというわけです。

デザインを変更する場合はclass指定した(.navigation)を「スタイルシート (style.css)」で設定するか、[wp-content]→[plugins]→[wp-pagenavi]の「pagenavi-css.css」を直接編集すれば可能です。

バックアップを取って、かつどこにソースを置いたかを明確にしておけば特に問題ないでしょう。

Tags:

Leave a Reply