power source*

WP plugin[up]: ページ番号を並べたナビゲーション - WP-PageNavi 2.20

About This Article

Posted on 2007.12.12
Written by ぼの
Category: WordPress
plugin, todo, WordPress, カスタマイズ, ナビゲーション
関連ページ

Responces:

一気に古いページに飛べないとやっぱり不便だなあ、ということで、WordPress 2.3 に上げる際に外していた WP-PageNavi の最新版を再インストール。管理パネルでオプション設定等ができるように進化していた。

WP-PageNavi
機能概要	アーカイブページ等にページ番号を並べたナビゲーションリンクを表示させる。表示形式は番号列記とドロップダウンメニューの 2種類。
バージョン	2.20 (2007-10-01)
作者（web)	Lester ‘GaMerZ’ Chan さま
配布元	lesterchan.net » Portfolio » Programming WordPress Plugins » WP-PageNavi
ドキュメント	同梱の readme.html （これと同じ）
動作見本	アーカイブページでの例
「ページ」対応
適用したWP	WordPress 2.3.1 [UTF-8]¹

導入手順

配布元よりダウンロード。
解凍した pagenavi フォルダごと wp-content/plugins/ ディレクトリへアップロード（今のところ不要な .mo と .pot を除く）。
管理パネルにて有効化。

使い方

テンプレートに表示用コードを挿入

うちでは、改ページのコードを使いまわせるように inc_pagenavi.php に入れておき、テンプレートファイル index.php, archive.php, search.php のページナビゲーション表示位置に読み込ませるようにしている。そこに wp_pagenavi() を挿入。

<div class="pagenavigation">
<?php if ( function_exists('wp_pagenavi') ) {
    wp_pagenavi();
} else { ?>
    <ul>
        <li class="previous"><?php next_posts_link(('&laquo; Older Entries', 'sara')) ?></li>
        <li class="next"><?php previous_posts_link(('Newer Entries &raquo;', 'sara')) ?></li>
    </ul>
<?php } ?>
</div>

WP-PageNavi 自体が <div class="wp-pagenavi">～</div> で括られるので、<div class="pagenavigation">～</div> から出してもよかったが、.pagenavigation の CSS 定義を流用するかもしれないので、とりあえず中に入れておくことにした。
else は、WP-PageNavi がない／無効化されている場合に、デフォルトの前／次ナビゲーションを表示するためのもの。
プラグイン用以外の XHTML や class 名は、うちのテーマで使っているもので、デフォルトテーマとは異なる。

オプション設定

管理パネルの Options（オプション設定） > PageNavi にて、次の項目を設定できるようになってた。

Page Navigation Text: ナビゲーション表示上の各パーツの文字列
Page Navigation Style: Normal （番号列記） / Drop Down List （ドロップダウンメニュー）
Number Of Many Pages To Show?: ページ番号を表示する数（それ以上は「…」のように省略）。デフォルトは 5。
Always Show Page Navigation?: 記事数が改ページに満たないときにもページナビゲーションを表示するか？デフォルトは No。Yes にすると、1ページしかなくてもナビを表示する。

CSS の修正

plugins/pagenavi/pagenavi-css.css² を修正した。
うちはスキン切り替え式のテーマなので、色指定などは各スキンの CSS にも書くかも。

アンインストール手順

無効化する際にオプション設定データも削除したい場合の手順は次のとおり。（未実施）

DB バックアップ
Options（オプション設定） > PageNavi 画面にて、Uninstall WP-PageNavi の Yes にチェック、[UNINSTALL WP-PageNavi] ボタンをクリック
→ DB から設定データが削除される（はず）
プラグインを無効化

カスタマイズ

前後ページへのリンクを端に置きたいので、pagenavi.php を修正した。
107行目の case 1: 内にあるテンプレートタグ previous_posts_link, next_posts_link の位置を移動。ついでに CSS 用に span も付加。

要作業メモ

（プラグインのせいではない）
トップページの改ページ（query_posts() 使用）に問題あり。見直すこと。

WP 一式はサブディレクトリに置き、WP への訪問者のアクセスはドメインルートになるよう設定。参照： Giving WordPress Its Own Directory [back]
<head>～</head> 内で呼び出される。[back]

Contents

Change Style