So-net無料ブログ作成
検索選択

ソネットブログのカテゴリをツリー化してみた(応用編)〜その3

 前回までで、ソネットブログ用のカテゴリツリーの設置の仕方をご紹介しましたが、今回はカスタマイズの方法を。応用編です。

Cap 999.jpg まずは初期状態はこんな感じです。→

・カテゴリはオープン状態
・開閉ボックスは+-風
・記事が格納されているカテゴリの前に「★」マーク

 これを自分好みにカスタマイズしていきます。

【カテゴリツリーを常に閉じた状態にする】
 まずは、カテゴリツリーを常に閉じた状態にしていきます。サイトを開いた時、リロードした時にこの状態になります。

 Lc.ツリーカテゴリー(for Seesaa)の中を少しいじります。
Lc.ツリーカテゴリーのプラグインを入れた「マイカテゴリ」の「コンテンツHTML編集」をクリック。

上の方から40行目ぐらいのところに以下の表示を見つけましょう。

// ■表示設定です。
// 各設定項目とも、trueならON、falseならOFFです。


スクロールで探すか、検索で探してください。
ちょっと長くなりますが、以下のような記述があるはずです。

// ■表示設定です。
// 各設定項目とも、trueならON、falseならOFFです。

var LC_CAT_PARENTBOLD = true; //親項目太字
var LC_CAT_DISPLAYNUM = true; //記事数表示
var LC_CAT_DECOLESS_PARENT = false; //親の下線消し
var LC_CAT_DECOLESS_CHILD = false; //子の下線消し
var LC_CAT_DYNAMIC_SIZE = false; //記事数で文字サイズ
var LC_CAT_PARENTBOX = true;//親の+などをボックス表示
var LC_CAT_CLASS = true;??? //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 = '全ての記事のタイトルを表示';

var LC_CAT_DEFAULT_OPENED = true; ←※この部分をtrue→
falseに書き直します。
var LC_CAT_GROUP_SEPARATOR = ' ';
var LC_CAT_CATEGORY_MARK = "★";

var LC_CAT_CREATOR_LINK = false;

 DEFAULT_OPENED(デフォルトの状態がオープン)→これを falseにすることで、デフォルトの状態をオフ=閉じるにする訳です。


開閉ボックスを▼マークに変更する
 +-ボックスはWindowsでは慣れた表示かもしれませんが、個人的に馴染めないので▼マークに変更します。変更は3箇所です。


// ■表示設定です。
// 各設定項目とも、trueならON、falseならOFFです。

var LC_CAT_PARENTBOLD = true; //親項目太字
var LC_CAT_DISPLAYNUM = true; //記事数表示
var LC_CAT_DECOLESS_PARENT = false; //親の下線消し
var LC_CAT_DECOLESS_CHILD = false; //子の下線消し
var LC_CAT_DYNAMIC_SIZE = false; //記事数で文字サイズ
var LC_CAT_PARENTBOX = true;//親の+などをボックス表示
            ↑※この部分をtrue→falseに書き直します。
var LC_CAT_CLASS = true;??? //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 = '全ての記事のタイトルを表示';


PARENTBOXをオフにして、+、-をそれぞれ三角記号の、
▶、▼にします。これは[>]マークが機種依存文字なので、HTMLの対応記号で入力するという訳です。
他にもありますので、自分好みのものを探してください。

→使いたいときの HTML特殊文字 & 機種依存文字


【記事が格納されているカテゴリの前の「★」マークをとる】

 初期状態ではすべてのカテゴリの前に★マークがついていますが、これを変更します。

// ■その他

(中略)

var LC_CAT_DEFAULT_OPENED = true; 

var LC_CAT_GROUP_SEPARATOR = ' ';
var LC_CAT_CATEGORY_MARK = "";
←※この"★"部分を " "の空白にします。
var LC_CAT_CREATOR_LINK = false;

" "内に別の記号を入れることも出来ます。


【特定のカテゴリをオープン状態にしておく】

 初期状態ではカテゴリツリーは全てオープンか全てクローズの二者択一ですが、中には、オープンにしておきたいものもあると思います。
 私も「飛行機エッセイ」はオープンにしておきたいと思いました。全部クローズだと急に少なくなって、なんとなく寂しい感じもしてきましたので(笑)。

Cap 997.jpg


 この方法ですが、ソネットブログ用では、以下の方法になります。
 初期状態の「var LC_CAT_DEFAULT_OPENED = true;」のままにしておき(常にオープン状態)、カテゴリの項目を開きます。

 ここで、初期状態で閉じておきたいカテゴリの前に半角で、. を入れておきます。
この . がついているカテゴリが初期状態では閉じた状態で表示される訳です。
 
Cap_1_005.jpg

これで、初期状態はこんな感じになります。

Cap 1,006.jpg




 閉じておきたいカテゴリの前に.を全てつけました。


使ってみた感想
 ソネットブログでも基本的な部分は充分使えることが分かりました。作者さんに本当に感謝です。FC2用では、Newマークが付けられたり、色々と便利な機能もありますが、ソネットブログでは反映されないものも多くありました。
 あと、レイアウトのサイドコンテンツの「マイカテゴリ」しか変更しないので、元に戻すのも簡単ですので、興味のある方は是非、チャレンジしてみてください。

 あと、変更した際に保存をしたのに反映されない時があります。時間がかかるのかもしれませんが、その場合は、新しい「マイカテゴリ」を持ってきて、コピーしなおした方が反映されるのが早かったです。

 今後の課題ですが、カテゴリーの名前が長くなり、スマホでのカテゴリ表示がすべて同じ感じに見えてしまいます^^;
 SeeSeaブログではカテゴリ番号が振り分けられており、それを使えば、カテゴリ名を変更せずにツリー化ができるようなので、ソネットブログでも応用できないか考えてみたいと思います。
 以上、ソネットブログのカテゴリカスタマイズでした。ご参考になりましたら幸いです^^

<関連記事>
→ソネットブログのカテゴリをツリー化してみた〜その1
→ソネットブログのカテゴリをツリー化してみた〜その2 
→ソネットブログのカテゴリをツリー化してみた(応用編)〜その3 

こんな記事もどうぞ

来たよ(39)  コメント(6)  トラックバック(0)  [編集]
共通テーマ:趣味・カルチャー

nice! 39

コメント 6

Hide

こんにちは!色々と勉強になりますが時間が必要です><
また伺います!そろそろランチにしますが行きたい店は閉まっています、今日まで休みか〜
by Hide (2016-05-05 13:01) 

johncomeback

トライする気力が湧きません(*´∇`*)
by johncomeback (2016-05-05 15:44) 

ワンモア

★ Hideさま
 GW中はオフィス街がお休みのお店、多いですよね。

★johncomebackさま
>トライする気力が湧きません(*´∇`*)
あちゃー、まだ、難しいですかね・・・
削除してやり直そうかな・・・(´・ω・`)ショボーン
by ワンモア (2016-05-05 16:27) 

ys_oota

解説ありがとうございます!私も試してみたいと思います!
by ys_oota (2016-05-05 23:47) 

ちょいのり

うおー!やってみたいけど根気が無い~w
本当はリクエスト多いんですがねえ・・・
記事数多いし、
何しろカテゴリー化してないヤツも半分以上あるしw

ほんとは煉瓦だってカテゴリーを細かく細分化したいくらいです。
都道府県別とかね^^;
by ちょいのり (2016-05-06 02:43) 

ワンモア

★ys_oota さま
 ありがとうございます
 一生懸命つくりましたので、嬉しいコメントです。(´;ω;`)ブワッ、

★ちょいのりさま
 ちょいのりさまのブログは広大なので、是非、カテゴリ化していただくと嬉しいです^^
 都道府県別のレンガ旅や島旅もみたいなぁ。
 問題は、HTMLの理解よりも、カテゴリを作る単純作業量の多さなんですけどね^^;
by ワンモア (2016-05-06 15:15) 

トラックバック 0

この記事のトラックバックURL:
※ブログオーナーが承認したトラックバックのみ表示されます。
※言及リンクのないトラックバックは受信されません。
Copyright © 1/144ヒコーキ工房 All Rights Reserved.
一眼レフの特徴