www.hbirds.net

単純にインストールしても、使っているデザインテーマ（i3theme-1-7-classic）のページナビと競合していてうまく動かないので、以下のとおり対応しました。

１．WP-PageNaviの解凍・アップロード・有効化
　　一般的なプラグインとまったく同じ手順です。

２．wordpress/index.php ファイルの修正
最後の行に以下のコードがあるのでこれを　Ctrl＋X　でカットします。
<?php if(function_exists('wp_pagenavi')) { wp_pagenavi(); } ?>

３．テーマフォルダのindex.php ファイル(/wordpress/wp-content/themes/i3theme-1-7-classic/index.php）の修正
　３０行目付近に以下のコードがあるので、これを先ほどカットしたものと置き換えます。Ctrl＋Vを使えば簡単ですね。
　<div class="page-nav"><span class="previous-entries">.....</div><!-- ?page nav -->

４．wordpress/wp-content/plugins/wp-pagenavi/pagenavi-css.cssファイルの修正
pagenaviのcssファイルの修正です。
　先頭のブロックは、i3theme-1-7-classicからの移植です。
　あとは、色や位置をこまごまとi3theme-1-7-classicのデザインにあわせて調整しました。

.wp-pagenavi {
	clear: both;
	background: url(http://www.hbirds.net/wordpress/wp-content/themes/i3theme-1-7-classic/images/navigation-bg.gif) no-repeat left center;
	height: 21px;
}
.wp-pagenavi a, .wp-pagenavi a:link {
	padding: 2px 4px 2px 4px;
	margin: 2px;
	text-decoration: none;
	border: 1px solid #0066cc;
	color: #0066cc;
	background-color: #8F8F8F;
}
.wp-pagenavi a:visited {
	padding: 2px 4px 2px 4px;
	margin: 2px;
	text-decoration: none;
	border: 1px solid #0066cc;
	color: #0066cc;
	background-color: #8F8F8F;
}
.wp-pagenavi a:hover {
	border: 1px solid #000000;
	color: #000000;
	background-color: #8F8F8F;
}
.wp-pagenavi a:active {
	padding: 2px 4px 2px 4px;
	margin: 2px;
	text-decoration: none;
	border: 1px solid #0066cc;
	color: #0066cc;
}
.wp-pagenavi span.pages {
	padding: 2px 4px 2px 4px;
	margin: 4px 4px 4px 14px;
	color: #000000;
	border: 1px solid #8F8F8F;
	background-color: #8F8F8F;
}
.wp-pagenavi span.current {
	padding: 2px 4px 2px 4px;
	margin: 2px;
	font-weight: bold;
	border: 1px solid #8F8F8F;
	color: #000000;
	background-color: #8F8F8F;
}
.wp-pagenavi span.extend {
	padding: 2px 4px 2px 4px;
	margin: 2px;
	border: 1px solid #8F8F8F;
	color: #000000;
	background-color: #8F8F8F;
}

修正したCSSは、PageNaviがアップグレードされたときに上書きして消されないように、/wordpress/wp-content/themes/i3theme-1-7-classic　に入れておきます。こちらのディレクトリのCSSを読む仕組みになっています。