Seesaaブログ サブカテゴリーを追加しサイドバーにツリー表示&過去ログをプルダウン化
2016年07月28日

Seesaaブログ サブカテゴリーを追加しサイドバーにツリー表示&過去ログをプルダウン化

今日は、このブログで採用している、Seesaaブログにサブカテゴリ―を追加する方法と、過去ログをプルダウン形式で表示する方法をご紹介します。
厳密には、その方法を説明しているサイトのご紹介です。補足説明もあります。


Seesaaブログにサブカテゴリーを追加し、サイドバーにツリーを表示する


実例:このブログのカテゴリーツリーを見る
(クリック後、サイドバーをご覧ください)

これには、こちらのサイトで配布されている「Lc.ツリーカテゴリー(for Seesaa)を利用しました。
使用方法の説明はリンク先にあります。


ちなみに、僕はこのソースを一部カスタマイズして使っています。

var LC_CAT_BRANCH_EDGE= '└';

var LC_CAT_BRANCH_EDGE= '└ ';
(※親カテゴリーの中で一番下にある子カテゴリー名の左につく記号の変更)
に。

var LC_CAT_CATEGORY_MARK = "★";

var LC_CAT_CATEGORY_MARK = "◆";
 (※メインカテゴリー名の左につく記号の変更)
に。

それぞれ変更することで、ツリーのデザインを変えました。

特に、「└」だけだと、フォントによってはカテゴリーの中で一番下にあるサブカテゴリーのところだけ左に寄ってしまうので、「└ 」と書いて、「└」の右に半角スペースを入れることをおすすめします。(「 」は自動的に半角スペースに変換されます)


また、
var LC_CAT_GROUP_SEPARATOR = ' ';

var LC_CAT_GROUP_SEPARATOR = '任意の文字';
に変えることで、メインカテゴリーとサブカテゴリーの名前を区切る文字を変更することができます。

例えば、デフォルトのままだと、カテゴリー名を
フリー素材 (※全角スペース)効果音
と表記することで、「フリー素材」というカテゴリーの中に「効果音」というサブカテゴリーを作ることができますが、これを
フリー素材 > 効果音
にしたり
フリー素材/効果音
にしたり、自由に決められるということです。


Seesaaブログの月別過去ログをプルダウン形式で表示


実例:このブログの過去ログの表示方法を見る
(クリック後、サイドバーをご覧ください)

このように表示する方法は、こちらのページで説明されています。
ぜろだまBlog: Seesaaブログで過去ログ(月別ログ)部分をプルダウンにする


関連記事:Seesaaブログ カテゴリー&過去ログのぺージに記事タイトルのみリストアップする方法

ブログカスタマイズの記事一覧
スポンサーリンク
Seesaaブログ サブカテゴリーを追加しサイドバーにツリー表示&過去ログをプルダウン化
先月の人気記事 TOP5