2016年04月05日

カテゴリを「Lc-Factory」で階層化する

スポンサーリンク

さくらブログでは通常カテゴリは、階層化されておらず、目的の記事がどこにあるのか見つけづらいです。
そこで、カテゴリの階層化をしてみようと思います。

カテゴリのツリー化は、幾つか手順があるのですが見た目が良いLc-Factoryを使用させていただく事にしました。
かなり古いツールで、更新もされていませんが、現在でも問題無く使える高機能ツールです。

さくらブログは、seesaaブログと同じエンジンなのでLc-Factory@Seesaaブログ様のLc.ツリーカテゴリー(for Seesaa)版をそのまま使用します。

先ずは、上記サイトに行って「Lc.ツリーカテゴリー(for Seesaa) 2008.04.26」のソースコードを入手してください。
ソースコードを全選択コピーして、テキストエディターなどにペーストしてください。

Lc-Factoryは、再配布禁止なので、このブログには載せられません。
使用上の許諾に関しては、配布サイトをご確認ください。


【デザイン】→【コンテンツ】→サイドバーにある【カテゴリ】をクリックします。

「表示件数」を初期設定の20→100に変更して、下にある[保存]ボタンを押します。

そのまま、右上にある「コンテンツHTML編集」をクリックしてソースを表示します。

テキストエリアの内容を全て削除します。
入手したLc.ツリーカテゴリー(for Seesaa)のソースを貼り付けて【保存】ボタンを押します。

基本的には、これだけで階層化が出来ます。
事前に作ったカテゴリは、階層化されませんので、新しくカテゴリを作成します。

記事のタイトルを記入するボックスの下に、カテゴリを入力する場所がありますので、「新しいカテゴリを追加」欄に、「親カテゴリ 全角スペース 子カテゴリ」という形でカテゴリを追加します。
(例:さくらブログ カスタマイズ)

作ったカテゴリに記事を割り当てて【保存】します。
ブログを確認すると、カテゴリが階層化されていると思います。

要らなくなった階層化されていないカテゴリーは、【メニュー一覧】→「詳細設定」内の【カテゴリ設定】で出てくるカテゴリーの一覧から削除できます。

Lc-Factoryの設定と改造

Lc.ツリーカテゴリーそのままでも良いのですが、階層の頭に付く+とか−という見た目は、ちょっと古い感じがします。
そこで、細かく調整して行きます。

【デザイン】→【コンテンツ】→サイドバーの【カテゴリ】をクリックします。
右上にある「コンテンツHTML編集」をクリックしてソースを表示します。

下記の場所を見つけて設定を変更してください。
先ずは、表示設定を変更します。
// ■表示設定です。
// 各設定項目とも、trueならON、falseならOFFです。
var LC_CAT_PARENTBOLD = false; //親項目太字
var LC_CAT_DISPLAYNUM = true; //記事数表示
var LC_CAT_DECOLESS_PARENT = true; //親の下線消し
var LC_CAT_DECOLESS_CHILD = false; //子の下線消し
var LC_CAT_DYNAMIC_SIZE = false; //記事数で文字サイズ
var LC_CAT_PARENTBOX = false; //親の+などをボックス表示
var LC_CAT_CLASS = false; //class属性の付加
var LC_CAT_ARCHIVES_LINK = false; //全記事表示リンク(FC2専用)
上記のように、文字修飾などの設定を変更しました。

次に階層のマークを変更して、ツリーの繋がりを示すマークを消します。
表示設定の少し下に下記のソースがあります。
var LC_CAT_INDENTCHR = '  ';
var LC_CAT_INDENTCHR_GROUP = null;
var LC_CAT_TOOPEN = 'クリックすると、ツリーを開きます。';
var LC_CAT_TOCLOSE = 'クリックすると、ツリーを閉じます。';
var LC_CAT_BOX_CLOSED = '▶';
var LC_CAT_BOX_OPENED = '▼';
var LC_CAT_BRANCH_CONNECT = ' ';
var LC_CAT_BRANCH_EDGE= ' ';
var LC_CAT_ARCHIVES_TEXT = '全記事表示';
var LC_CAT_ARCHIVES_TITLE = '全ての記事のタイトルを表示';
+−記号を&#9654(三角形下向き)と&#9654(三角形横向き)という特殊記号に変更しています。


スペースも少し弄ってあります。 


少し、下に星マークがあります。
初期設定では、カテゴリマークが★で、ちょっとダサいので ・ (全角ドット)に変更します。
var LC_CAT_DEFAULT_OPENED = true;
var LC_CAT_GROUP_SEPARATOR = ' ';
var LC_CAT_CATEGORY_MARK = "・";
全ての階層を閉じた状態で表示したい場合は、「LC_CAT_DEFAULT_OPENED = false;」を「LC_CAT_DEFAULT_OPENED = true;」にしてください。
私は、カテゴリを閉じておく意味が無いので、全部開きっぱなしです。

これで、カテゴリの階層化ができて、見た目もスッキリしました。
カテゴリの三角形をクリックすると階層の開閉ができます。

変更が終わったら「コンテンツHTML編集」の下の【保存】を押してください。
そして、【コンテンツ】の下の【保存】を押すのも忘れないように!


階層マークを好きな特殊記号にすると、見た目が大きく変わります。
さくらブログへの基本的な設置方法を記載しましたが、もっと詳しく知りたい方はLc-Factory様のサイトを熟読してください。
カテゴリは、3段階も出来るようです。


最後に、Lc-Factory@Seesaaを無償配布してくださっている、ルード@管理人様に心より感謝です。

スポンサーリンク
posted by ノービス at 17:22 | Comment(0) | さくらブログ 便利ツール
この記事へのコメント
コメントを書く
お名前:

メールアドレス:

ホームページアドレス:

コメント: