本文へジャンプします。

ココログサポートトップ≫質問一覧≫カテゴリの階層化 (スレッド)

解決

カテゴリの階層化

多数のカテゴリを作成したので階層化したい。
新規で複数のカテゴリを指定出来ることは分かります。
そうではなく、既にあるカテゴリをグループ化して
　サイドバーで階層表示したい。

出来れば、サイドバーにクリックでカテゴリの階層を表示、非表示出来るようにしたい。
基本情報

てぃわは | 2011/10/25 21:07(4973日前) | 固定リンク | ブログの設定／管理

コメントをする場合はログインをしてください

Re: カテゴリの階層化
「折りたたみメニュー」などの用語で検索すると、ご希望の動作が実現できるjavascriptがいろいろと見つかると思います。試しに以下のブログ記事に記述されたjavascriptを試してみましたが、ココログで動作しました。
http://fjiblog.cocolog-nifty.com/blog/2010/03/web-3da9.html


上の記事のソースコードを、自分の希望に合うように手作業で書き換えましょう。例えば、てぃわはさんのサイトに合わせると、以下のようにです。（※一部だけ抜き出して例を示しました。）

<div class="vmenu_on">
<div class="vmenuitem" onclick="doToggleClassName
(getParentObj(this),'vmenu_on','vmenu_off')">
2011年 秋アニメ</div>
<ul>
<li><a href="http://tiwaha.cocolog-nifty.com/blog/fatezero/index.html">Fate/Zero</a></li>
<li><a href="http://tiwaha.cocolog-nifty.com/blog/cat22923857/index.html">C3-シーキューブ-</a></li>
</ul>
</div>


そうして書き換えたソースコードを、マイリスト機能を使ってサイドバーに貼ります。詳しい手順は以下の公式FAQを参考にしてください。
http://cocolog.kaiketsu.nifty.com/faqs/17057/thread

この手順の面倒なところは、新しいカテゴリを作るたびにソースコードを自分で書き換えないといけないところです。<li>～</li>部分を付け加えるだけですから、それほど面倒ではないですが、自動ではありません。


なお、上に示した折りたたみメニューは、私が適当に検索して見つけたものです。折りたたみメニューのソースコードを提供しているサイトは一杯ありますので、自分に合ったのを選ぶと良いでしょう。多少のソースコードの違いはあれ、基本的な流れは上のようになります。

また、最初から展開しておきたいメニュー部分は、<div class="vmenu_on">、最初から折りたたみたい部分は<div class="vmenu_off">にすると良いようです。

EF Mania | 2011/10/26 05:01(4972日前) | 固定リンク

Re: カテゴリの階層化
解答ありがとうございます。
マニュアルで作成するのですね。
折り畳みメニューで検索しましたところ、いくつか見つかりました。
各カテゴリーにリンクさせて表示させるためにはURLを調べて記入するのが
　面倒ですね。
ココログでサポートしてくれれば良いのにと思います。
JavaScriptオフだと表示、非表示は使えないのは仕方ないのでしょうね。

てぃわは | 2011/10/26 20:17(4972日前) | 固定リンク

Re: カテゴリの階層化
解答ありがとうございます。
マニュアルで作成するのですね。
折り畳みメニューで検索しましたところ、いくつか見つかりました。
各カテゴリーにリンクさせて表示させるためにはURLを調べて記入するのが
　面倒ですね。

てぃわは | 2011/10/26 20:18(4972日前) | 固定リンク

Re: カテゴリの階層化
マニュアルで折り畳みメニューを作ることは出来るようですね。
システム？として階層化する方法は無いようなので、今後サポート
　されることを期待して、いったんクローズとさせていただきます。

てぃわは | 2011/10/31 23:11(4967日前) | 固定リンク