NP_Viewに切り替え

　
今まで「今月の人気記事」は本家のNP_ViewsとNP_MostViewsを利用して、毎月手動でリセットしていたのですが、本日NP_Viewに切り替えました。１ヶ月ほど前からこっそりいれて試していたのですが、5月からはこれでいきます。

私の場合、右メニューに「今週の人気記事」として直近一週間の人気記事とそのアクセス数を表示させ、「続きを見る…」でmixを開き、スイッチ付きで100件表示させるようにしました。
このとき、右メニューは他とそろうように☆をつけて小さめに、mixの方では順位をつけて表示、というように表示方法を変えようとしたんですが、なかなか手間がかかりました。以下、メモ。

※別にmixじゃなくてもいいんですが、まぁ私の場合はそれが楽だったのでそうしました。mixについて知りたい方は備忘録からたぐってください。

１．NP_View導入

２．NP_Viewオプション編集
11. Viewbody's CSS tag. を　div に。
あとは好み。

３．テンプレート作成
　　●右メニュー用テンプレート　アイテムの本体

☆<a href="<%itemlink%>"><%title%></a>(<%View(week)%>)<br>

直近一週間のTop10を表示。他のメニューと揃えるために☆をつけてます。リストにはなっていません。

　　●mix用テンプレート　アイテムの本体

<li><a href="<%itemlink%>"><%title%></a>(<%View(day, 0/get)%><%View(week,0/get)%><%View(month, 0/get)%>)</li>

こちらは数字付きリストにしたかったので、liをつけます。スイッチによってカッコ内の数値が変わるように、getを指定しています。

４．呼び出し
　　●mix側

<ol><%View(mix用テンプレート名, 100, week , all, , 0/b)%></ol>

こちらは日付とスイッチを表示します。ここにolを指定して、mixの時だけ順位が出るようにしました。

　　●右メニュー

<h2>今週の人気記事</h2>
<small><%View(右メニュー用テンプレート名, 10, week , all, , 0)%></small><br>
●<a href="http://www.lacrime.net/index.php?mix=5&vmode=week">続きを見る…</a>

こちらには一週間の日付を出しません。表示する指定にすると、mixを呼び出したときにそちらのスイッチに連動して日付が変わってしまうのです(内容は直近一週間のままなのに)。

５．CSS

.viewbody li {}
.viewbody { line-height: 1.8em;}
.viewtitle {margin-bottom:1em}

NP_Viewの説明ページにあるサンプルCSSでは、font-size、margin、padding、list-style-positionなどが指定されていますが、インデントでいろいろはまったことと、FFなどのブラウザで見ても大丈夫なようにということでシンプルにしました。
mixでスイッチのすぐ下にランキングが表示されると見にくいので、viewtitleでスペースを取るように指定しました。

以上、メニューとmixの両方に別々の表示をさせるためにあちこち弄った最終結果のメモでした。けっこう大変でしたが、これからは手動リセットしなくていいことを考えると、やった甲斐があったかなーと思います。