HOME 　»　blog , design , MovableType , tutorials 　»　月別過去ログの表示方法を変更してみました

月別過去ログの表示方法を変更してみました

こんなところがどうなっていようとも誰も気にしないのでしょうが、月別過去ログって毎月毎月スペースが下へ長くなっていく上に、ぱっと見た感じ、どれが何年の何月のログなのかわかりにくかったりしませんか？
以前はプルダウン方式で表示させていたのですが、スクリプトを少しでも減らしたくて従来通りの表示に戻して以来、そのうざさが強調されているような気がして。
とにかく気になって仕方なかったので、ちょいと表示方法を変更してみました。
変更の手順を覚え書きしておきます。

参考記事・トラックバック

月別アーカイブの表示の変更・月別アーカイブの表示を昇り順にする by Magic White

同じ設定にすれば、多分上の画像のような感じに表示されるようになると思います。
年別・月別の合計記事数が表示され、各月の並びは昇順、各月の名前は英語表示、という設定にしています。
こんな表示はイヤだ！って方はこちらのMovable Typeテンプレートタグ一覧を参考にして、各変数を変更してみてください。

手順

1. 以下のプラグインを全てダウンロード・解凍し、MT本体のpluginフォルダの中に.plファイルのみアップロードする。
   • ArchiveDateHeader Plugin
   • ArchiveYear Plugin
   • ArchiveLoad Plugin
2. cssに以下の表記を追加する。id・class名はお好みでどぞー。
   あくまで私専用の設定なので、こんなものは別に無くても平気だと思います。

   #monthly-log ul {padding: 0px;margin: 0px;list-style: none;}
   #monthly-log li {margin: 0px;padding-left: 10px;list-style: none;}
   
   .year-log ul {padding: 0px;margin-bottom: 20px;list-style: none;}
   .year-log li {margin: 0px;list-style: none;padding: 0px;}

3. 月別過去ログ部分のHTMLを以下のように書き替える。

   <ul class="year-log">
   <MTArchiveList archive_type="Monthly">
   <MTArchiveDateHeader>
   <li class="year-log"><strong>■ <$MTArchiveDate format="%Y"$></strong> ［<$MTArchiveYearCount$>］
   
   <ul id="monthly-log"><li id="monthly-log">
   <MTArchiveYear order="ascend"><MTArchiveYearIfEntries><MTArchiveLoad>
   <MTDateHeader><a href="<$MTArchiveLink$>"
   title="<$MTArchiveDate format="%Y"$>年<$MTArchiveDate format="%m"$>月">
   <$MTArchiveDate language="en" format="%B"$></a>［<$MTArchiveCount$>］　　
   </MTDateHeader></MTArchiveLoad></MTArchiveYearIfEntries>
   </MTArchiveYear></li></ul>
   
   </MTArchiveDateHeader>
   </MTArchiveList></li></ul>

以上です。

Related Posts

• （ようやく）エントリの前後記事を読みやすくしました
• 超高速で超便利なAjax で全文検索するJavaScript
• 最近導入したプラグイン
• 写真みたいな枠を付けよう【MT用小ワザ付き】
• ロリポからさくらへの移転記録

• Tags : blog , design , MovableType , tutorials　|　TrackBack URL
• Prev : 愛がなくても喰ってゆけます。　|　Next : 料理教室のレシピ24　【巻きずし・玉米湯】