からだにいいもの WordPressのカスタマイズ NO1
記事数が多くなってくると、ナビゲーションや検索等ではカバーができない過去の記事が出てきます。
そこで、WP-PostViewsを利用して「人気記事ランキング」を導入してみましたので、作業方法を紹介します。
＜おすすめのRに関する書籍です＞
www.amazon.co.jp
インストールするプラグイン
- 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;
}
