WordPressのカスタマイズ NO1

記事数が多くなってくると、ナビゲーションや検索等ではカバーができない過去の記事が出てきます。

そこで、WP-PostViewsを利用して「人気記事ランキング」を導入してみましたので、作業方法を紹介します。

インストールするプラグイン

• WP-PostViews

WordPress管理画面よりインストールするか、下記URLよりダウンロードしインストールします。

http://wordpress.org/plugins/wp-postviews/

使用方法

• WP-PostViewsはデフォルトでは、ランキング数の表示までは対応していません。そこで、

管理画面→プラグイン→プラグイン編集→WP-PostViews→wp-postviews/wp-postviews.php

を選択し、wp-postviews.phpに以下を追加する。

５０２行目 『 if($most_viewed) {  の下部に追加

$rankingNo = 1;

５０８行目 『 $output .= $temp; 』の上部と下部に追加

上部に追加のコード

$temp = str_replace(“%RANKING_NO%”, $rankingNo, $temp);

下部に追加

$rankingNo++;

• 設定→WP-PostViewsを選択し、Most Viewed Templateに下記を設定してSave Changesをクリック。

<div id = “rankingBox”><li><a href=”%POST_URL%”  title=”%POST_TITLE%”>

<span class = “views”> ・%POST_TITLE%</span></a></li><div>

• 管理画面→外見→ウィジットからViewsを表示したい場所へドラッグ&ドロップする。タイトルや表示数等が設定できるので適時おこなう。

• デザインの調整

テーマ編集からCSSに下記を記述する。

#rankingBox span{

                              display:inline-block;

                              margin-right:3px;

                              color:#4b0082;

                              background:#ffe4b5;

                              padding: 1px 5px;

                              font-size: 14px;

                              border-radius: 3px;

}