前回はカテゴリーの表示を折り畳むCollapsing Categoriesについて
少し弄ったわけだが今回はアーカイブも折り畳んじゃおう
というわけでプラグインからCollapsing Archivesをインストール
サイドバーウィジェットなので好きな場所にD&Dして追加しておく
Collapsing Archivesの設定はデフォルトのままで問題ないと思う
さてそのままだと例のリンク左横に黒点が付くので消すのだが
月別アーカイブを展開して記事タイトルを表示する場合は
黒点があった方が記事の判読がしやすいので今度は逆に付ける
*Collapsing ArchivesのStyle設定をKubrickにすることで
タイトル名左横に>>マークが付くので黒点を付ける作業は不要
もしくはお好みで
以下黒点を付ける設定
まずは普通にCollapsing Archives全体の黒点を消す設定をする
テーマの編集からstyle.cssを開いて以下のコマンドを追記する
/*サイドバーのアーカイブ(Collapsing Archives)のリンク左横の黒点を消す*/
#collapsarch-2 li {
background: none !important;
list-style: none !important;
}
*追記個所はCollapsing Categoriesの時と同じように
小粋空間のカラム幅変更コマンドより前の部分に記述する
続いて月別記事タイトルの左横に黒点を付加するコマンドを
以下のように追記する
/*サイドバーのアーカイブ(Collapsing Archives)の月別記事タイトル左横に黒点を付ける*/
#collapsarch-2 li li li {
background: url(images/lmark.gif) no-repeat 0 0.5em !important;
margin-bottom: 5px !important;
}
*Collapsing Archivesのid名はcollapsarch-2
id名の後にliを付けるごとに設定個所の内側のリンクに関する
編集を行う事ができる
この場合は アーカイブ→年→月
と言う風に3番目に内側の項目に黒点を付けるという意味になる
margin-bottom: 5px は記事タイトル同士の間隔を開ける
少しでも読み易くするため試しに付けている
ここまでの設定で月別の展開を行ってみて記事タイトルに
黒点が付いているか確認する
このコマンドを追記する前後の違いがこちら
追記前 黒点なし
追記後 黒点あり
これでアーカイブを折り畳みつつ
月別の記事タイトルが判読しやすくなる








コメントを残す