Popular Posts＆Post-Plugin Library

Popular Posts＆Post-Plugin Libraryは組み合わせて使用することで、アクセス数の多い記事をランキング形式で表示させるプラグインです（正確にはプラグンをの合わせ技）。

なぜ2つのプラグンが必要かというと、Post-Plugin Libraryがアクセス数を管理するためのライブラリの役割をして、そのデータをPopular Postsで呼び出す仕組みになっているためです。したがってPopular Posts単体ではアクセスランキングを表示させることはできません。

またPost-Plugin LibraryはPopular Posts以外にも「Similar Posts」「Recent Posts」「Random Posts」「Recent Comments」などのプラグインと合わせて使うことができます。

Popular Posts＆Post-Plugin Library設定目次

Post-Plugin Libraryのインストール

１、WordPressのダッシュボードにログインし［プラグイン］→［新規追加］をクリック

２、検索窓に「Post-Plugin Library」を入力して［プラグインの検索］をクリック

３、Post-Plugin Libraryの下にある［いますぐインストール］をクリック

４、「本当にこのプラグインをインストールしていいですか？」と聞かれるので［OK］をクリック

５、インストールしているプラグイン: Post-Plugin Library 2.6.2.1と表示されるので、［プラグンを有効化］をクリック（バージョンは変更になる可能があります）

６、プラグインのラインナップにPost-Plugin Libraryが表示されていればインストール完了です

テーマファイルへの埋め込み

プラグインのインストールが終わったところで、次はWordPressのテーマファイルへの埋め込み作業を行います。

東池袋カレーマップはWordPressのデフォルトテーマの「Twenty Ten」をベースにカスタマイズしている関係で、編集するテーマファイルは「サイドバー（sidebar.php」になります（テーマファイルによって若干違ってくると思います）。

ウィジェットを使って表示させることも可能ですが、個人的にテーマファイルに書かれていたほうが分かりやすいため、直接編集を行なっています（ウィジェットのやり方は各自調べてください）。

サイドバーの「人気記事ランキング」を表示したい所のに次のソースを追加。

<nav class="ranking">
<h3>アクセスランキング ベスト10</h3>
<?php popular_posts(); ?>
</nav>

この中でPopular Postsの表示部分は

<?php popular_posts(); ?>

だけになります。

Popular Postsは素直に「<ul><li>～</li></ul>」を繰り返してくれるので、CSSで設定をしてあげる必要があります。今回はランキングのため、スタイルに順位の表示できる「list-style-type: decimal;」を使っています。

＜参考＞
上記ページに適応させているCSSはこちらになります。

nav.ranking{
	width:300px;
	padding: 0px 0 25px 0px;
	}
nav.ranking h3{
	height:24px;
	line-height:24px;
	background:url(./images/side_back.png);
	padding: 0 0 0 3px;
	border:none;
	}
nav.ranking ul{
	padding: 10px 10px 15px 30px;
	}
nav.ranking ul li{
	margin: 0 0 8px 0;
	font-size:14px;
	line-height:1.3;
	list-style-type: decimal;
	}

※画像は見出しの背景に使っているものです。

内容を入力して動作確認

Popular Posts＆Post-Plugin Libraが有効になった後に、サイトにアクセスがあればアクセス数に応じて順位が表示されるようになります。