WordPressデフォルトのウィジェットだと…

120327-1

ぎゃー!とてもじゃないけどこれがずらっと並ぶのは耐えられない。

120327-2

プルダウン式にしてみると、場所はとらなくなりますがぱっとしない。ボックスの見た目変えたり、jQuery使ったりすればもっと可愛くなるとは思いますが、個人的に○年○月が下にずらーっと並ぶのがあまり好みでないんですよね。。

Compact Archivesでコンパクトなアーカイブに

長くなりがちなアーカイブをその名の通りすっきりコンパクトに作成してくれるのがCompact Archivesです。

リンク先を参照して頂ければ分かりますが、2012: Jan~Decのように1行で1年分のアーカイブ。数字表記も可能です。

2016/10/14追記

プラグインは外して、自作の関数で実装する方法に切り替えました。

更にコンパクトにしたい

もう上記のプラグインで十分なのですが、サイトリニューアル前はあんまり記事もないし、3年分くらいファーストビューで見えていればいいんじゃないかなーと思うので、ボックスを使ってスクロールバーを出すことにしました。私はchromeを使っているんですが、WebKitを使ったスクロールバーがとっても可愛くて、使ってみることにしました!

chrome

120327-3

こういうスクロールバー、憧れてました。

IE

120327-4

IEではこんな感じに見えるようにしてみました。うっすら灰色。

FireFox

120327-5

何もしていないですがFireFoxだとこんな風に見えますね。このままでも悪くないのでOKで!

実装

Compact Archivesを有効化

上記のリンクからDL&インストールして、有効化して下さい。

footer.php

もちろんフッターじゃなくてもOKですよ。

私は今回、直接テーマに埋め込んでしまいましたが、ウィジェットをご使用の場合はウィジェット内でPHPが使えるようになるプラグインが別途必要となるみたいです。

CSS

WebKitを使ってスクロールバーをカスタマイズ -DigitalSkill

こちらのサイトを参考にさせて頂きました!

  • このエントリーをはてなブックマークに追加
  • follow us in feedly 646
  • RSSを登録

公開日:2012/03/27
更新日:2016/10/14


1件のトラックバック

コメントを残す




*印は必須項目です。コメントは承認制ですので、反映までしばらくお待ち下さい。(稀にですがスパムの誤判定にて届かないこともあるようですので、必要な際はお問い合わせからお願い致します。)


back to top