サイドメニューのツリー化スクリプト(改)
サイドバーのメニューリストをツリー化するスクリプトです。このスクリプトの特徴は通常のリストだけでなく、画像のようにサブカテゴリーについてもツリー化が可能です(サブカテゴリーリストの折りたたみとの組み合わせも可能です)。本サイトのサブカテゴリーリストをツリー化しておりますので興味のある方はお試しになってみてください。 |
1.maketree.js ダウンロード
下記のリンクをクリックしてスクリプトのページへジャンプしてください。そこで maketree.js をクリックし、同じファイル名でご自身のPCに保存してください。
本スクリプトはUTF-8で記述していますので、ブログで使用している文字コードがUTF-8以外の場合(Shift_JIS/EUC-JP等)は保存後、文字コードを適宜変更して再保存してください。この問題につきましては js ファイルのインクルード時、script タグにcharset 属性を指定することで文字コードを変更しなくても良いという記事を見つけましたが動作実績がありませんのでこのような記述にしています。
scriptタグの設定については3項に記してますのでお試し頂ければ幸いです。
2.maketree.js 配置
maketree.js をローカル・サイト・パスに配置してください。「配置」とはレンタルサーバの場合はFTPツール等によるアップロード、自宅サーバの場合は単なるコピーを示します。
3.リスト表示用タグ修正およびJavaScript起動用スクリプト設定
ツリー化を行いたい各テンプレートのサイドバーのメニューリストのMTタグを修正します。注:MTタグは ul と li を用いたリスト形式になっていることが前提です。一部のリストは公開テンプレートのタグを入れ替える必要があります。
下記に主要なツリー化用メニューリストのMTタグサンプルおよびJavaScriptを掲載します。黒字部分がMTタグ(公開テンプレートからの変更イメージ)で、青字部分が新たに追加するid属性およびJavaScript起動スクリプトです。
Recent Entries(最近のエントリー)
<div class="side" id="entrylist">
<ul>
<MTEntries lastn="10">
<li><a href="<$MTEntryPermalink$>"><$MTEntryTitle$></a></li>
</MTEntries>
</ul>
</div>
<script type="text/javascript">
<!--
generateNormalTree("entrylist");
//-->
</script>
Recent Entries(最近のエントリー:日別表示用)
<div class="side" id="entrylist">
<MTEntries lastn="10">
<MTDateHeader>
<ul><$MTEntryDate format="%m/%d"$>
</MTDateHeader>
<li><a href="<$MTEntryPermalink$>" title="<$MTEntryTitle$>"><$MTEntryTitle$></a></li>
<MTDateFooter>
</ul>
</MTDateFooter>
</MTEntries>
</div>
<script type="text/javascript">
<!--
generateNormalTree("entrylist");
//-->
</script>
Recent Comments(最近のコメント)
<div class="side" id="commentlist">
<MTEntries recently_commented_on="5">
<a href="<$MTEntryLink$>"><MTEntryTitle></a>
<ul>
<MTComments lastn="5">
<li><a href="<$MTEntryLink$>#<$MTCommentID$>">
<MTCommentAuthor></a> <$MTCommentDate format="%m/%d"$></li>
</MTComments>
</ul>
</MTEntries>
</div>
<script type="text/javascript">
<!--
generateNormalTree("commentlist");
//-->
</script>
Recent Trackbacks(最近のトラックバック)
<div class="side" id="trackbacklist">
<ul>
<MTPings lastn="10">
<li><a href="<$MTPingURL$>" target="_blank"><$MTPingTitle$></a><br/>
from <$MTPingBlogName$> <$MTPingDate format="%m/%d %X"$></li>
</MTPings>
</ul>
</div>
<script type="text/javascript">
<!--
generateNormalTree("trackbacklist");
//-->
</script>
Categories(カテゴリーリスト:一括表示用)
<div class="side" id="categorylist">
<ul>
<MTCategories>
<li><a href="<$MTCategoryArchiveLink$>">
<$MTCategoryLabel$></a> [<$MTCategoryCount$>]<br /></li>
</MTCategories>
</ul>
</div>
<script type="text/javascript">
<!--
generateNormalTree("categorylist");
//-->
</script>
Categories(カテゴリーリスト:サブカテゴリー表示用) *MTタグは修正不要です
<div class="side">
<div id="categories">
<MTSubCategories>
<MTSubCatIsFirst><ul></MTSubCatIsFirst>
<MTIfNonZero tag="MTCategoryCount">
<li><a href="<$MTCategoryArchiveLink$>" title="<$MTCategoryDescription$>"><MTCategoryLabel></a> [<$MTCategoryCount$>]
<MTElse>
<li><MTCategoryLabel>
</MTElse>
</MTIfNonZero>
<MTSubCatsRecurse max_depth="3">
</li>
<MTSubCatIsLast></ul></MTSubCatIsLast>
</MTSubCategories>
</div>
</div>
<script type="text/javascript">
<!--
generateSubcategoryTree();
//-->
</script>
注:サブカテゴリーのツリー化ではdivタグにある"categories"というデフォルトの id 属性をスクリプトで使用しています。もしこの名称を変更されている場合は maketree.js で categories という文字を検索(2ヶ所1ヶ所しかありません)し、その部分を使用されている文字と置き換えてください。
Monthly Archives(月別アーカイブリスト)
<div class="side" id="monthlylist">
<ul>
<MTArchiveList archive_type="Monthly">
<li><a href="<$MTArchiveLink$>"><$MTArchiveTitle$></a> [<$MTArchiveCount$>]</li>
</MTArchiveList>
</ul>
</div>
<script type="text/javascript">
<!--
generateNormalTree("monthlylist");
//-->
</script>
赤字部分は名称がそれぞれ一致するように指定してください。id 属性はサイドメニューの折りたたみ等で設定済であればそのままご利用ください。サブカテゴリーリストはMTタグの下にスクリプトを追加するのみで大丈夫です。またサブカテゴリーリストの折りたたみを利用されている場合は
<script type="text/javascript">
<!--
<MTTopLevelCategories>
<MTHasSubCategories>FoldNavigation('subcategories<$MTCategoryID$>','on',false);</MTHasSubCategories><MTHasSubCategories></MTHasSubCategories>
<MTSubCatsRecurse max_depth="3">
</MTTopLevelCategories>
//-->
</script>
の前後どちらに起動スクリプトを挿入してくださってもかまいません。
ツリー構造リスト(ユーザー・マニュアル等)
<div class="sidetitle" id="manualname">
Official User's Manual
</div>
<div class="side" id="manuallist">
<div id="manual">
:
(中略)
:
</div>
</div>
<script type="text/javascript">
<!--
generateTreeForTreeStructure('manual');
//-->
</script>
4.maketree.js インクルード文挿入
ツリー化スクリプトを利用する各テンプレートの <head>~</head> の間に下記のタグを追加してください。charset 属性は maketree.js の文字コードを指定してください。
<script type="text/javascript" src="<$MTBlogURL$>maketree.js" charset="utf-8"></script>
5.画像のダウンロード
下記のファイルをダウンロードしてください。これはツリーを表示するための画像で、実線・点線の2種類を用意しています。それぞれ2つの画像がありますのでご注意ください。
保存方法は、(IEの場合)リンクをクリックして一旦画像を表示し、その後に「ファイル」→「名前をつけて保存」で保存するか、リンクを右クリックして「対象をファイルに保存」を選択します。なお実線につきましては我楽さんより提供いただきました。ありがとうございました。
なお実線を公開テンプレートに適用した場合、Mozzila系ブラウザ(Netscape/Firefox)で線が途切れる事象が確認されています。スタイルシートの設定で解消されるかもしれませんが予めご了承ください。
6.画像の配置
ダウンロードした画像をローカル・サイト・パスに配置してください。「配置」とはレンタルサーバの場合はFTPツール等によるアップロード、自宅サーバの場合は単なるコピーを示します。
7.スタイルシート追加
スタイルシート(styles-site.css)の.sideの下辺りに下記のクラス指定を追加します。
ul.tree {
margin: 0!important;
padding: 0!important;
font-size: 9px;
list-style: none!important;
}
ul.tree ul {
margin: 0!important;
padding: 0!important;
}
ul.tree li {
margin: 0!important;
padding: 0 0 0 16px!important;
background-image: url(tree_lst.gif);
background-repeat: no-repeat!important;
list-style: none!important;
}
ul.tree li.end {
background-image: url(tree_end.gif);
list-style: none;
}
赤字部分については、先ほどダウンロードした画像のファイル名にそれぞれ変更するか、画像のファイル名をスタイルシートに設定されているファイル名に修正してください。また上の設定はスタイルシートと同じディレクトリ(=ローカル・サイト・パス)に画像を配置した場合です。異なるディレクトリに配置する場合は http://? のようにURLで画像を指定してください。
8.スタイルシート修正(必要な場合のみ)
ツリー化するリストに改行されたリンクが存在する場合、IE系のブラウザではリンクをポイントした時、あるいはポイントを外した時に横にあるツリー画像が消えるという不具合が確認されています(これで3日ほど悩みました)。
その場合はスタイルシート(styles-site.css)の先頭の方にあるリンクの設定で
/* リンク文字設定 */
:
a:link {
color: #8FABBE;
background: none;
}
a:visited {
color: #8FABBE;
background: none;
}
a:active {
color: #8FABBE;
background: none;
}
a:hover {
color: #006699;
background: none;
}
の赤字部分をコメントアウトまたは削除してください。
以上です。
9.FAQ
Q:ツリーが表示されません
A:主に下記の原因が考えられます。
- maketree.js 起動スクリプトの設定(5項)が誤っている
- ツリーを表示するリストが ul - li の形式になっていない、あるいは ul - li タグが正常に閉じられていない。
- 画像がアップロードされていない(6項の設定もれ)
- 4項が設定されていない
- 4項で設定したパスに maketree.js が存在しない(トップページからHTMLソースを参照し、maketree.js をインクルードしている script 要素の src 属性(URL)をマウスコピーして、ブラウザで直接指定して実行し、ダウンロード等ができればOK)
- ブログと maketree.js の文字コードが一致していない
- 6項で指定した位置に画像が存在しない(スタイルシートで指定した画像ファイルのURLを指定してダウンロードできればOKです。http://?という形式で指定していない場合はスタイルシートと同じディレクトリに配置されていることが必要です)
- 公開テンプレートでサブカテゴリーリストが表示されない場合、リスト全体がコメントアウトされている(詳細はカテゴリーリストをサブカテゴリー表示に切り替えるをご覧ください)
- HTMLまたはスタイルシートのフォーマットが誤っている。Another HTML-lint gateway や W3C CSS 検証サービスで致命的なエラーがないかご確認ください
- 3項で追加したスクリプトのフォーマット誤り(「"」が抜けている、HTMLタグが「<<?」になってしまっている等)
- 3項で設定した id 属性値とスクリプトを起動する時のパラメータが一致していない(要するに赤色の名称が不一致)
Q:ツリーの終端が閉じません(途中に表示されるものと同じものが表示される)
A:サブカテゴリーのツリー化で generateSubcategoryTree(); が使われていない可能性があります。言い換えると、サブカテゴリーのツリー化で generateNormalTree("~") を使うと質問の症状になります。
ここで解決しない場合、コメント欄に他の解決内容がありますのでご一読頂ければ幸いです。
2005.02.11 追記
「最近のエントリー」の日別表示用タグを追加しました。
2005.02.12 追記
サブカテゴリーリストのツリー化での注意書きを追記しました。
2005.02.13 追記
ツリー構造リストのツリー化について記述を追記しました。
2005.08.02 追記
FAQを追加しました。
2005.09.05 追記
Recent Comments のソースを XHTML valid になるよう修正しました。
2006.04.04 追記
リストから language 属性を削除しました(HTML4.01/XHTMLで非推奨あるいは廃止されているため)。また9項のFAQを修正しました。
2006.04.21 追記
9項のFAQを追加しました。
- JavaScript 不要なサイドメニューのツリー化 for Movable Type(MTCollate編)
- JavaScript 不要なサイドメニューのツリー化 for Movable Type
- maketree.js 1.01 リリース
≫ “サイドメニューのツリー化”・・・・の巻。 from TOY COZY MUSEUM 別館
いつもお世話になってます「小粋空間」様にて、“サイドメニューのツリー化スクリプト(改)”が公開されてましたので、早速ためしてガッテン!・・・・というかコドモチャ... [続きを読む]
≫ サイドメニューのツリー化スクリプト from Magic White
小粋空間 サイドメニューのツリー化スクリプト(改)を参考に一部のサイドメニューを... [続きを読む]
≫ サイドメニューのツリー化に挑戦するも・・・ from やむやむ
小粋空間 さま 「サイドメニューのツリー化スクリプト(改)」 を拝見して、 早速... [続きを読む]
≫ リストのツリー化 from Stupid excuse!!
リニューアルする前から尊師(!)が取り組んでおられた、リストのツリー化スクリプト... [続きを読む]
≫ サイドメニューのツリー化 from hinata
サイドメニューのツリー化 [続きを読む]
≫ [喜] リストのツリー化(改)をしよう! from 喜怒哀楽
久しぶりに、1日中パソコン画面見てたんで 目が痛いです(笑)。 画像を使ったツリ... [続きを読む]
≫ 出来ましたぁ?(;´д⊂) from Yellow Heart
小粋空間さんの「サイドメニューのツリー化スクリプト(改)」 が、ようやく出来まし... [続きを読む]
≫ カテゴリーのツリー化。 from ツキヘノトビラ
サイドバーのカテゴリー…サブカテゴリーを使ってるとリスト表示では見難いなぁ〓と思... [続きを読む]
≫ あちこちツリー化 from Treasure
やり始めたら止まらない・・ そしてやってる最中は何も聞こえない・・ 子供達、ごめ... [続きを読む]
≫ メニューの表示あれこれ from 佐野屋
表示を見やすくする為に色々と探し回って こちらとこちらを利用させて頂きました。 ... [続きを読む]
≫ カテゴリリストのツリー化と折りたたみ。 from solgel.info::そるじぇるどっといんふぉ
眠れないので、やろうやろうと思っていたカテゴリのツリー化と折りたたみをすることに... [続きを読む]
≫ ツリー化スクリプト。 from 我楽
というわけで、以前、ちょろっとお願いしていたツリー化スクリプトですが、yujiroさんが仕上げられたので、導入させていただきました。ありが... [続きを読む]
≫ カテゴリーリストのツリー化 from the end
サイドメニューにあるカテゴリーリストをツリー表示にしてみましょう! 方法はいたっ... [続きを読む]
≫ サイドメニューツリー化 from Daily note.o○
サイドメニューのツリー化に挑戦。 今回も小粋空間さんでお世話になりました。 配布... [続きを読む]
≫ 折りたたみ♪ from Moony*Moony
小粋空間様で 3カラムテンプレートをお借りした時に サイドメニューの折りたたみス... [続きを読む]
≫ サイドメニューのツリー化表示導入。 from D'sDinner@Blog
以前から対応したかった、おなじみ小粋空間 様のこちらのエントリーを参考にさせてい... [続きを読む]
≫ カテゴリーのツリー化 from 微妙だな
MovableTypeのカテゴリー欄をツリー化してみた。 今までサブカテゴリー=... [続きを読む]
≫ カテゴリーリストをツリー表示化する from monologue
カテゴリーとサブカテゴリーが増えて見にくくなってきたのでツリー表示化しました。... [続きを読む]
≫ カテゴリーリストをツリー表示化する from monologue
カテゴリーとサブカテゴリーが増えて見にくくなってきたのでツリー表示化しました。... [続きを読む]
≫ blogカスタマイズ。 from weblog@nigiyakana jikan
小粋空間さんで紹介されている、 カテゴリーリストをサブカテゴリー表示に切り替える カテゴリーアーカイブで全カテゴリーリストを表示 サイドメニューのツリー化スクリ... [続きを読む]
≫ ブログのデザイン from サイト管理者のblog
小粋空間さんを参照して、ブログをデザイン中、勉強になるナイスなサイトです。 「サ... [続きを読む]
≫ サイト公開前に実施したカスタマイズ from 蒼月空間
今更ながらサイト公開前に実施したカスタマイズの記録を。 イロイロなBlogを見て... [続きを読む]
≫ カテゴリリストのツリー化 from /PEN/
サブカテゴリを作れるようになった時から考えていたカテゴリリストのツリー化ですが、... [続きを読む]
≫ サイドメニューのツリー化スクリプト(改) from grumble
嬉しいことに小粋空間yujiro様からコメントいただきました! ワタシが悩んでい... [続きを読む]
≫ Blogカスタマイズ from eizo slash blog
午前中、暇な時間にいろいろBLOGを弄る。 本日の変更点と参考にさせていただいた... [続きを読む]
≫ カスタマイズ覚え書き from K'S GARDEN
このブログのテンプレートは 小粋空間:2カラム テンプレート(サイズ固定・右メニ... [続きを読む]
≫ サイトまるまるMT化メモ 3.カテゴリーリストのカスタマイズ from KillerPierce
トップページで「サイトマップ」となっているのがカテゴリーリスト。こちらも小粋空間... [続きを読む]
≫ 見た目ちょっと変化 from HOLIDAY【おうちとコドモと楽しい毎日】
◆カテゴリの並び順を若干変えました。 ◆QRコードをつけました。 ◆インフォシー... [続きを読む]
≫ サイドメニューのツリー化 from I'm glad
サイドメニューのツリー化スクリプト(改): 小粋空間 サイドメニューのツリー化ス... [続きを読む]
≫ とりあえずカスタマイズ完了 from Cinema Satellite Neo
前回に引き続き、サイドメニューをいじってみる。 前回の改造で折りたたみが可能となったわけなんたけれど、 参照した小粋空間さんのページに 「サイドメニューのツリー... [続きを読む]
≫ カテゴリーの細分化とツリー表示 from PCと戯れる日々
思う所があってカテゴリーの項目を細かく分けた。 思う所ってのは別のエントリーで話... [続きを読む]
≫ カテゴリー表示部分をツリー化 from 今日まで、そして明日から。-3rd spiral-
カテゴリー表示部分をツリー表示するためのカスタマイズをしました。 サイドメニューのツリー化スクリプト(改): 小粋空間 http://yujiro.dyndns... [続きを読む]
≫ カテゴリーのツリー化 from HONGKONG+fish Hyper×2
サイドメニューのツリー化スクリプト(改): 小粋空間様を参考に幾度となく試行錯誤... [続きを読む]
≫ カテゴリのツリー化 from || UTAGAME ||
MT3の自分的目玉・カテゴリの階層化!! ついに動作し、カテゴリのリスト化をしま... [続きを読む]
≫ とりあえず、完了。 from you-me's TOYBOX!!
今日(って前のエントリーも今日だったけど(^_^;))は、サイドメニューのツリー... [続きを読む]
≫ サブカテゴリー from soanblog創庵
MT3.1から実装されたカテゴリーを階層構造にしました。 カテゴリーを階層化する... [続きを読む]
≫ 透過GIFを利用した枠のないツリー画像 from Carefree Field
ちょっと気分転換にサイドバーのCategoryメニューなどに使用しているツリーの... [続きを読む]
≫ サイドメニューのツリー化 from LOVE×LOVE!?
小粋空間: サイドメニューのツリー化スクリプト(改)を参考に、サイドメニューをツ... [続きを読む]
≫ サイドメニューのツリー化 from あそび
先日調子に乗って、サイドメニューのツリー化にも着手してしまいました。 以下、自分... [続きを読む]
≫ サイドメニューのツリー化 from グル研日記
サイドメニューのデザインを変更。以下、備忘録。 1.こちらからmaketree.... [続きを読む]
≫ カテゴリーのツリー化 from 大学職員.net
右側のカテゴリーをツリー化してわかりやすくしてみました。 いかがですか? ちなみ... [続きを読む]
≫ カテゴリーリストのツリー表示 from KAGALOG
だいぶごちゃごちゃしてきたからカテゴリーリストのツリー表示に挑戦。 っていっても... [続きを読む]
≫ ツリー化スクリプト from (*`・ω・´)ノ やっとう
予告してあったMT用ツリー化スクリプトのご紹介 サイドバーのとこのリストが構造化... [続きを読む]
≫ コメントリストのツリー化 from うぇぶろぐ
友人のブログでコメントリストをツリー化してるのを見て、自分もいろいろ探してみまし... [続きを読む]
≫ いよいよ引越4?MTのカスタマイズ(3) from Passing Pictures 3rd
MTカスタマイズの3回目。今回はサイドバー周りの話です。 [続きを読む]
≫ カテゴリーリストをツリー化 from SHIBATAnK!! ♪ shit-batの日記 ♪
小粋空間さんのサイドメニューのツリー化スクリプト(改)を参考にこのブログの 右サ... [続きを読む]
≫ 3.17にアップしたら from taka094s_days
なんとなんと、カテゴリの表示がおかしくなってしまったのでした(T-T)。もう、何をしてもダメ。どうやってもダメ。一体何がおかしいのかもわからないぐらい、ダメダメ... [続きを読む]
≫ カスタマイズ from nin blog
今日、家に帰ると、TOEICの受験票が届いてた。 全然勉強していない、というかな... [続きを読む]
≫ サイドバーカテゴリーツリー化! from Liar's web
小粋空間さんのページを参考にどうにかこうにかできました・・・ついでにカテゴリーを... [続きを読む]
≫ カテゴリーのツリー化 from a6
相当前にやった改造だけど、一応自分用にc⌒っ*゚∀゚)っφ メモメモ... 参... [続きを読む]
≫ ■サイドメニューツリー化できなかった理由。 from Liar's web
カテゴリーのサブカテゴリーのツリー化にならなかった理由判明。 バックグラウンド画... [続きを読む]
≫ カテゴリー表示等のツリー化 from Project MultiBurst
カテゴリーやトラックバック、コメント等をツリー化したかったのですが、 なかなか良いのが見つからない。。。 (自分でやれよ(^^;)) それで、今回テンプレートと... [続きを読む]
≫ ■サイドメニューツリー化できなかった理由。 from Liar's web
カテゴリーのサブカテゴリーのツリー化にならなかった理由判明。バックグラウンド画像... [続きを読む]
≫ MovableType のコメントでツリー型掲示板を実現するプラグイン from Open MagicVox
MovableType には標準でコメントを投稿できる機能がありますが、 投稿... [続きを読む]
≫ サイドメニューのツリー化 from blog.skeg.jp
「RECENT COMMENTS」と「RECENT TRACKBACKS」の部分... [続きを読む]
≫ サイドメニューのツリー化、完了! from MakkyののほほんDiary♪
今日、やっとサイドメニューのツリー化に成功しましたぁ??♪ いやぁ、3日間頑張っ... [続きを読む]
≫ カテゴリのツリー表示::maketree.js from delgraphixx
テキストと画像混在のうちのスタイルではPhotologの運用がどうも中途半端になってしまうので、いっそのこと [続きを読む]
≫ ツリー化(カテゴリー) from Milky Heart*
ツリー化(TB&コメント)でスクリプトを入れたので、カテゴリもツリー化。参考Blogは、 「サイドメニューのツリー化スクリプト(... [続きを読む]
≫ カテゴリメニューをツリー表示 from ヒビアン
ずっと悩んでいたIEでツリー画像が表示されず、エラーになる点が解決しました。これでメニューがすっきりとツリー表示。 [続きを読む]
≫ サイドメニューのツリー化♪ from ++Blog-MELL++
はい!また 小粋空間 さんのところに行って サイドメニューのツリー化スクリプト(... [続きを読む]
≫ サイドメニューのツリー化 from ♪poohな毎日♪
今日は1日どこも出かける予定がなかったので、カスタマイズ 今回はサイドメニューの... [続きを読む]
≫ カテゴリーリストの階層化・・・するなら! from EDGE of the Dreamin'
というわけで、毎度おなじみの小粋空間様のサイドメニューのツリー化スクリプト(改)を導入。 まあ、さすが小粋空間様というか... [続きを読む]
≫ カテゴリーをツリー化 from つれづれ日記
かねてからの懸案事項だったカテゴリーをツリー化しました。 参考にさせていただいた... [続きを読む]
≫ 折りたたみとツリー化見直し from ネコの為に鈴は鳴る -After☆Taste Blog
小粋空間さんからお借りしているツリー化スクリプトの改変(winのFirefoxでプロパティがない時にエラーが出る部分)を行いました。 [続きを読む]
≫ The blog of H.Fujimotoさんのプラグイン from Kinarie&May
初のトラックバック企画参加です The blog of H.Fujimotoの壱... [続きを読む]
≫ ブログ色々変更してみました。 from はちろぐ
最近、ブログの記事やコメントを登録するときに動作がものすごく遅い上に正常に終了しないことが多かったので、MySQLを使うように変更しました。 MySQLの利用申... [続きを読む]
≫ Movable Typeでツリー表示 from 院長の極私的ブログ
前田歯科医院医院のメインブログではトピックスごとにカテゴリで整理しているのです... [続きを読む]
≫ FC2 プラグインのリストツリー化に挑戦 from ムーニン谷の気ままな日記
以前からコメント&トラックバックのリストを
ツリー化したいと思っていたので挑戦してみました。
実際にやってみたら、意外と簡単で
自分なりのカスタ... [続きを読む]
≫ カテゴリーのツリー化 from www.otokomae.net
難しかったですが、何とかできました。小粋空間さまのテンプレートなどでMovabl... [続きを読む]
≫ サイドメニューのツリー化 from てぃあら
昨日 に引き続き、気になってた「サイドメニューのツリー化」を導入。 ⇒ 小粋空間 : サイドメニューのツリー化スクリプト(改)( ̄-  ̄ ) ンー... [続きを読む]
≫ 落ち着かない夜は…。 from Petit Rose
昨日からなんだか落ち着かない。 何が原因なのか分からないけど、ボーっとしてられな... [続きを読む]
≫ サイドメニューのツリー化をやってみますた! from ネタを探して2万マイル!?
ほぼ毎日のようにカスタマイズしていますが、暇なんでしょうか俺。 (いや、毎日仕... [続きを読む]
≫ サイドメニューのツリー化 from SnowDrop
えーっと、インフルエンザ(A型)にかかっちゃいました。 昨日が一番だるくて悪寒は... [続きを読む]
≫ カテゴリーのツリー表示に挑戦 from BABY-UNIVERSE★
せっかくの土日なので、テンプレートをいじってみる。 カテゴリーを親カテゴリー・サ... [続きを読む]
≫ サイドとツリーと開閉式(PC) from Let's try a little
ここ数日かけて、久しぶりにこのblogのカスタマイズをやってみました。何をしたか... [続きを読む]
≫ サブカテゴリー from Being * chris
今日は、ちょっとカテゴリーを見直してみました。 今までは、サブカテゴリーって使っ... [続きを読む]
≫ [o.]v(≧∇≦)v いえぇぇぇぇいっ♪ from `ohana
や??っと出来ました この「'ohana」を設置してから2ヶ月。折を見ては挑戦し... [続きを読む]
≫ ツリー化とサイドメニューの折りたたみ from TOM'S HOME
小粋空間yujiro大先生のところを参考にツリー化とサイドメニューの折りたたみの... [続きを読む]
≫ サイドメニューのツリー化 from I c e c r e a m - n e t . c o m
Icecream-net.comではサイドバーのツリー化を行っています。 以前は... [続きを読む]
≫ カテゴリ一覧のツリー化 from Daily Yummy
サイドバーのカテゴリ一覧をツリー化表示したい。 このような場合は、<li... [続きを読む]
≫ カテゴリーのツリー化 from ::: ModerateLog :::
カテゴリーリストのツリー化というものをやってみた。 当然ながら小粋空間さんのスク... [続きを読む]
≫ サイドメニューのツリー化 from Coffee Time
昨日のトラブルでOSの上書きインストール後、 どこが変わったのか、サイトの表示が... [続きを読む]
≫ カテゴリーのツリー化 from ::: ModerateLog :::
カテゴリーリストのツリー化というものをやってみた。 当然ながら小粋空間さんのスク... [続きを読む]
≫ Category List をツリー化する from 無料ネット生活友の会?ブログ編
サイドバーのカテゴリーリストをツリー表示させてみました。 今回参考にさせていただ... [続きを読む]
≫ カテゴリメニューのツリー化 from 迷走中
小粋空間さんのサイドメニューのツリー化スクリプト(改)を利用させていただき、本館... [続きを読む]
≫ カスタマイズ覚え書き2 from (*`・ω・´)ノ やっとう
この記事内では 『小粋空間』様のカスタマイズを参考にしています ありがとうござ... [続きを読む]
≫ 最新コメントをツリー化 from 気まぐれアメリカ日記
最新のコメントをサイドバーにツリー化表示させることにしました。 既にツリー化スク... [続きを読む]
≫ サイドバーのメニューをツリー化するには from 稼ぐノウハウを駆使して効率アップ!時短アフィリエイト術
サイドバーの最新コメントと最新トラックバックをツリー状にしたくて、小粋空間さんの... [続きを読む]
≫ カテゴリリストをツリー化&折りたたみ可能にしました from クリュサオル@黄金の剣を持つ者
毎度お世話になっている小粋空間さんではサイドメニューがツリー化&折りたたみ可能に... [続きを読む]
≫ サイドメニューのリストのツリー表示 from あかつき財務戦略研究所
今回はサイドメニューのリストのツリー表示について書きたい。今回のカスタマイズも小... [続きを読む]
≫ サイドメニューのツリー化。 from Melodies of Pianoman
エントリが増えてくると、大雑把すぎるカテゴリだと 抽出されるエントリが(モノによ... [続きを読む]
≫ MovableTypeの最近のコメント一覧のツリー化 from web daily life
どうもMovableType4.1のテンプレートのコメントの表示方法が気に入らず... [続きを読む]
すみません、私の一言でここまで仕上げていただいて・・・ありがとうございます。
インスタントラーメンじゃなくて、ちゃんとしたラーメンでも今度奢ります。(笑)
私も一言でサブカテゴリー折り畳み始まりました。
某氏は、きっとインスタントラーメンですよ(笑。
と言って見る。
これ実験してみてからねるか、、。
再構築したばかりなのに、、。(涙。
ダメだぁ・・・ぜんぜんうまくいきません。3がよくわかりません。[壁]oT) シクシク
カテゴリリストの場合 元々ulとかliとか使ってるので、青い字のところだけ足したらOKなんじゃないのかな?
もちろん、jsファイルや画像ファイルのアップとか忘れてたりはしてないです。(1,2,5,6)
4もちゃんと書きました。7も足しました。8は、まだツリー化できたところを見てないのでやってません。
サブカテゴリを折りたたむようにしてるんですけど、青い字のスクリプトは どこに足せばいいのでしょう?
<div class="side"> のところに id を設定してるんだけど、その場合は 青い字のスクリプトの( )に 書き足すんでしょうか?
モジュール化してるからだめ、とかないですよね?いつまでたっても ツリー画像にならず、○のままです。(━┳━ _ ━┳━)
お世話になります。
寝ぼけながらも早速導入させていただきました。有り難うございます。
もうガマン出来ません・・・眠ります(笑)。感謝です。
複雑じゃなさそうなので、最近のコメントで試してみました。そしたら、ツリー化の画像が出たんだけど
今度は その次のサイドメニュー最近のトラックバックのおりたたみが開かなくなりました。
そして「未知の実行時エラーです。」とのエラーが出ます。
終わったからねまーす。早速導入しました。
さえらさん
折りたたみしている場合でも
折りたたみスプリクトと同じ所ぐらいにスプリクトいれれば大丈夫。
(折りたたみスプリクトは消さないように)
id属性は、折りたたみスプリクトと一緒に使えるので、変更しなくて大丈夫でした。
やっと、最近のコメントのところだけできました。だけど、カテゴリリストはまだダメです。
カテゴリリストの部分のソースは、こちらの4のとおりにしていて、
これに 最近更新のあったカテゴリに印がつくようにする、を追加しています。
(〇o〇;) !!間違えた。。。
こちらでした。
ここのエントリの4の 青と緑の字があるほうをそっくり真似してます。
サブカテゴリの折りたたみは手動設定にしています。
あと、トラックバックもやってみようと思ったのですが、どの記事に対するトラックバックか、ってのが
↑の3の方法だと消えちゃいますね。
あーーーもう不思議ぃ???。
モジュール化してるのに、メインページだけ、ダメなんです。
ほかのページ(カテゴリアーカイブとか、個別エントリアーカイブとか。)は、ちゃんとツリー化できてました。
どうしてなんでしょう。(・_・、) グスン
yujiroさん!
私も FC2ブログの方でツリー化やってるんですが、MTではできないかな?と思っていたところでした!
FC2では、コメント、トラックバック、BlogPeople、リンクあたりをツリー化してるんです。
こちらを参考にMTでも緒戦してみますね!
できたかも。。。
まだ、一部不完全なツリーだったりするのですが、一番気になってたトップページの
カテゴリリストは できたようです。慌ててトラバ重複しちゃった。ぺこり <(_ _)>
完成おめでとうござすま?す。
早速導入したいと思います。
いつもありがとうございます。
こんにちわ?。できましたね?。
で、早速で何なんですが。(笑
ワタシのところでは、リニュしたせいもあって、メインの<blogbody>の中にいれてみたんですがスクリプトのエラーがでるんですよ。
見ていただければわかると思うんですが、相当いじくり倒しているんで多分そのせいだとは思うんですが・・・。
コレクトで画像を拾って、最近5つのエントリーも拾ってるんですが、tree_lst_dottedの画像も切れないように伸ばしました。
どういうわけかendの属性だけ拾わないみたいなんですね。
お手上げなんで、ひとつ時間のあるときで結構ですんでお力をお貸し願えないでしょうか?
さんざいじくり倒して巧くいかねぇからって、ウダウダ言うなって感じですが・・・。(汗
すいません(汗
思い切り自己解決しました・・・。
顔洗って出直します。(滝汗
>Border.さん
こんにちは。
では楽しみに舞ってます(タリラ?♪)。(爆)
>みよたんさん
こんにちは。
トラックバックありがとうございます。
もしかして、久しぶりの第1号でしょうか?
おめでとうございます!
>さえらさん
こんにちは。
トラックバックありがとうございます。
もしかして徹夜ですか?
お疲れさまです。わかりにくい記事ですいません。
ちなみにツリーはくっつかないのはひとつの <li>?</li> がそれぞれ <ul>?</ul> に括られているためです…ってできたみたいですね。
おめでとうございます!
重複分は先程削除しておきました。お気遣いなく。
>toycozyさん
こんにちは。
参照&トラックバックありがとうございます。
また深夜のカスタマイズ、お疲れさまでした。
明日から連休ですので今日はゆっくりお休みになってください(笑)。
>ミッチさん
こんにちは。
コメント書いている途中でトラックバック頂きました。ありがとうございます。
うまくできたようですね。
これ使うとそこだけ雰囲気がsbみたいになります(笑)。
ちなみにOgawaさんがこちらの記事で最近のトラックバックを最近のコメントのように表示できるプラグイン提供されています。
>真希さん
こんにちは。
ご利用ありがとうございます!
不具合は個別にご相談にのりたいと思います(笑)。
>198さん
こんにちは。
早速のご利用&トラックバックありがとうございました。
無事に動作できたようでホッとしました。色々改造されて、流石ですね。
こちらのスクリプトミスでしたらこっそりご連絡ください(笑)。
あ、昨日ちらっと拝見しにいったら違うサイトかと思いました(笑)。
素敵なデザインですね!!
こんにちわ。いつも参考にさせてもらっています。ブログって面白いものではまるとエントリーよりカスタマイズのほうに夢中になるときが^^;サイドバー関係はいろいろ試したいのでまたお借りしてカスタマイズしてみますね^^/
ご挨拶が遅くなりましたが、2ヶ月ほど前からテンプレートお借りしております。
ブログは初体験なんですけど、わかりやすい解説を参考にさせていただき、何とかやっています。
どうもありがとうございました。これからもどうぞよろしくお願いします。
そこで質問なのですが、私のブログはなぜか左サイドバーにあるコメントを投稿してくれた人の名前をクリックしてもコメントが見られません。こちらはどのようにカスタマイズしたらいいのでしょうか?
教えていただけると嬉しいです。
画像がうまくつながらない件ですが・・・たとえば、最近のエントリですと、やむやむではこうなってます。
<div class="side" id="entrylist">
<MTEntries lastn="10">
<MTDateHeader>
<$MTEntryDate format="%m/%d"$>
</MTDateHeader>
<a href="<$MTEntryPermalink$>" title="<$MTEntryTitle$>"><$MTEntryTitle$></a>
</MTEntries>
</div>
<script type="text/javascript" language="javascript">
<!--
generateNormalTree("entrylist");
//-->
</script>
これで、どこに <ul> と <li> を入れたら tree_end.gif ばっかりにならないで画像がうまくつながるでしょうか?
いろいろ挿入する位置を変えて試してみたのですが、うまくいきません。
ごめんなさい、自己解決・・・・っていうか、自己消化です。
100%満足のいく仕上がりではないのですが、なんとかツリー画像のつながり具合が 落ち着きました。
yujiroさんこんにちわ?
いつも手間ばかりとらせて、本当にすみません(泣)
一発で、出来たぁ?と言えるように、
頑張りますので・・・^^;
一体いつになれば成長できるのやら・・・
毎度お世話になっています。
早速ツリー化してみました。画像のバックが白だったので、透過GIFに変換しましたが、それ以外は詳細な解説のおかげですんなりと導入できました。
yujiroさん、こんにちは?。
教えていただいたプラグイン、早速導入してみましたよ。
トラックバック部分。
納得のいく仕上がりに満足しております?。
重ね重ねありがとうございました!
>caiyueさん
こんにちは。
ありがとうございます。
私は完全に手段が目的になってます(笑)。
またのお越しをお待ち申し上げます。
>かおさん
はじめまして。
テンプレートご利用&ご連絡ありがとうございます!
ご質問の件につきましては別途お答えしたいと思いますので少しお待ちになってください。
>さえらさん
こんにちは。
ご連絡が遅くなりましたが、ご質問の件につきましてはすでに新エントリーでカスタマイズ中と思いますのでよろしくお願い致します。
なお、本エントリーにもリストを追加しました。
>真希さん
こんにちは。
いえいえ、まあマイペースでボチボチいきましょう!
>okameさん
こんにちは。
ご利用ありがとうございます。
GIFは透過し忘れですいません…。
>ミッチさん
こんにちはー。
うまくできましたね!
私はこれを使うか今まで通りでいくか迷っているところです。
こんばんは。ミッチさんのところでうまくいったトラックバックの部分のソースを そっくりコピーさせていただいて使っても
どういうわけか、なにも表示されません。もちろん、プラグインはアップ忘れずにしてます。
ホントに 表示が少しおかしいとかの域じゃなく、なんにも表示されません。・・・真っ白になってしまうんです。
どういう原因が考えられるでしょうか?情報が少ない質問ですみません。
yujiroさん、こんばんわ!
いつも、たいへんお世話になっております。
ツリー化、どうにか成功しましたので、ご報告まで。
カユイところに手の届く更新、本当に感謝です。(*'-')
カテゴリー表示部分にまるまる頂きました。ありがとうございました。
再び、自己解決です。
ミッチさんの方法ではどうしてもできず(原因はわからずじまいです。)結局、別の方法でうまくいきました。
あとで、記事にします。
ツリー化したかったほとんどの箇所が ほぼ思いどおりの形で ツリー化できたのですが、
あと1ヶ所だけ 気になるところがあるので質問させてください。
やむやむのトップページには サブカテゴリを使ってるものが二つあり、
一つは カテゴリ一覧で、もう一つは Official User's Manual です。
これ、どちらか一方しか、ツリー化ができないんです。
categories という 同じID を使ってることが なにか関係してるのでしょうか?
不思議なことに どちらか一方しかツリーにならないのは IEで見た場合だけで、
Firefox や Netscape で 見た場合には どちらもツリーになってます。
こんばんわ!
早速カテゴリーの項目に対して試してみました!
・・・でもなぜかうまく表示されませんでした(T_T)
日別と月別アーカイブではちゃんと表示されるんですが、それ以外はダメでした(涙)
違う項目がツリー化されちゃったりもして、ワケわかんないです(/_;)
きっと私のコトなので何か間違ってると思うんですけどね(^^ゞ
もちょっと頑張ってみます!
>さえらさん
こんばんは。
遅くなってすいません。
ちなみに私はプラグイン提供元のOgawaさんの該当ページにあるタグで試したところ正常に表示されました。HTMLタグはちょっと直さないといけませんが構造は「最近のコメント」と同じですので分かりやすいと思います。
すいませんがユーザーズ・マニュアルの件は少しお待ちください。
とりあえず、どうもお疲れさまでした!
>Divaさん
こんばんはー。
こちらこそお世話になります。
ご利用&ご連絡ありがとうございました!
バッチリできてるようで良かったです。
また今後ともよろしくお願い致します。
>kinさん
こんばんはー。
ご利用&ご連絡ありがとうございました!
うまく動いているようで良かったです。
ではでは!
>折由さん
こんばんは。
ご利用&トラックバックありがとうございます。
こちらでも確認してみますのですいませんが少しお待ちになってください。
よろしくお願い致します。
>かおさん
こんばんは。
遅くなってすいません。
ご質問の件ですが、現状ではコメントのリンクが日付アーカイブページ(ここにコメントはありません)へのリンクになっているようです。なお本文下の時間のリンクや Recent Entries のリンクも同様の状態になっています。
もともとこのリンクは「パーマリンク」というものを使ってまして、デフォルトの設定であれば個別アーカイブページ(のコメント部分)にリンクするようになっています。おそらくどこかの段階で日付アーカイブを使用する設定に変わってしまったのが原因と思われます。
ということで下記についてご確認ください。
- 管理ページの「ウェブログの設定」をクリック →次ページ右上の「設定」をクリック →次ページ真中辺りにある「アーカイブの設定」で「優先するアーカイブのタイプ」が「個別」になっていること(現状は月別になっているかもしれません)。 なっていなければ「個別」を選択し、保存・再構築してください。
- 管理ページの「ウェブログの設定」をクリック →次ページ右上の「アーカイブの設定」をクリック →次ページ下半分の「アーカイブ」で「アーカイブの種類」が「個別」のところのテンプレート欄に「月別アーカイブ」と「個別エントリーアーカイブ」の2つが存在していませんでしょうか。 2つ存在する場合、「月別アーカイブ」の一番右のチェックボックスをチェックして右下の「削除」をクリックして削除、その後再構築してください。
以上です。
もし状況が変わらないようでしたら再度ご連絡ください。
それではよろしくお願い致します。
すみません!自己解決できました★
単純なミスとかも、やっぱりやってて・・・ダメダメですねぇ(^^ゞ
一応、それについて新たにエントリしてみました?。
お騒がせして、申し訳ないです(/_;)
yujiroさん、こんばんは。
この度はわかりやすい解説どうもありがとうございました。m(_ _)m
おかげさまで無事直りました!!
いつの間にやら「優先するアーカイブのタイプ」が「月別」になっていたようです。
これでスッキリしました。(笑)
本当にどうもありがとうございました。
これからもどうぞよろしくお願いします!!
>折由さん
こんにちはー。
エントリー拝見させて頂きました。
無事に動作できるようになってなによりです。
ご連絡ありがとうございました。
>かおさん
こんにちは。
ご連絡ありがとうございます。
無事に直りましたね!良かったです。
こちらこそ、今後ともどうぞよろしくお願い致します。
>さえらさん
こんばんは。
お待たせ致しました。
ツリー化スクリプトをバージョンアップしてユーザマニュアルに対応できるよう修正致しました。
ご迷惑おかけしてすいませんでした。
詳細はこちらのエントリーをご覧ください。
それではどうぞよろしくお願い致します。
こんにちは。
ツリー化利用させていただきました。
うーん。オシャレ♪私のところはレイアウトいじりすぎちゃってちょっと変ですが(^^;)
※本エントリとは直接関係なくて恐縮ですが、小粋バナー貼らせて頂きました。早くやろうと思っていたのですが。。こういうところ杜撰なのです(--;)
こんばんは。
すごい賑わってますね。
だいぶ出遅れましたが なんとか設定完了しました。
コメントとトラックバックだけなんですね。(^^ゞ
いつもありがとうございます。
またのんびりみなさんの後を追いかけます。 (笑)
>covaさん
こんばんは。
ツリー化ご利用ありがとうございます。
いえいえ、相変わらずの素晴らしいデザインで…感服致します。
バナーもご利用くださりありがとうございました。
ではでは!
>miaowさん
こんばんは。
はい、おかげさまで大繁盛です(笑)。
ということでご利用&トラックバックありがとうございました!
バグもあるので少し遅れてくるのがちょうどいいと思います(笑)。
初めまして。済みません、この記事にトラックバックさせていただいたのですが、投稿後に書き直したら、その度にトラックバックpingが送られていたようで、多重書き込みになってしまいました。申し訳ありません。可能でしたら削除してください。
ツリー化表示、大変気持ちよく使わせていただいております。ありがとうございますm(__)m。ご迷惑をおかけしました(汗汗)。
>黒沢哲哉さん
はじめまして。原作者の方なんですね!
ツリー化記事参照ありがとうございます。
トラックバック重複は削除しておきました。
どうぞお気遣いなく。
初めまして。
昨日こちらを発見いたしまして、早速テンプレートとツリー化&続きを読む折り畳みを使わせて頂いてます。
ところで、カテゴリーをツリー化した後、そのツリーから下位にカテゴリーが無いリンクを開いた場合、JavaScripttがエラーを吐きます(カテゴリー・アーカイブのみ?)。やり方は間違っていないとは思うのですが・・・
原因がサッパリ解りません。お助けを(;^_^A
すみません。一つ忘れていました。
エラーはIEです。Mozillaではエラーが出ないです???
自己解決しました^^;
表示するものが無いのにJavaScriptが読み込まれた為ですね。
お騒がせして申し訳ありません。
私のコメント削除して下さい
>WINDさん
はじめまして。
テンプレートご利用ありがとうございます。
ご質問の件ですが、どうも公開しているツリー化スクリプトの方で、読み込むデータがない(つまり子カテゴリーのページにジャンプして最下位のカテゴリーまで進んだ)時にデータを読み込もうとしているため、エラーになっている気がします。
スクリプトのバグかも知れませんので別途検証してみたいと思います。
ということで差し支えなければコメントはこのままとさせてください。
あと勝手ながらBlogPeople登録させていただきました。
それでは今後ともどうぞよろしくお願い致します。
yujiroさん、こんにちは。
ツリー化成功して すっきりさせることができました。
その他にも参考にさせていただいて
少しずつカスタマイズしています。
いつもわかりやすく丁寧な解説、ありがとうございます。
これからも お世話になりま?す♪
>ayaさん
こんにちはー。
まとめてご利用ありがとうございます。
ちょっと苦労されたようですが無事にできて良かったですね!
こちらこそお世話になります。
それではどうぞよろしくお願い致します。
初めまして。
blogの設定をいじろうと検索しているうちにたどり着きました。
貴方のページを見て、早速ツリー化スクリプトを試させていただきました。
ページサイドがすっきりしていい感じです。ありがとうございます。
これからも、楽しい改造記事を期待しています。
はじめまして。
ツリー化スクリプトご利用ありがとうございます。
うまくできたようで良かったです。
それでは今後ともどうぞよろしくお願い致します。
こんにちは。
ちょっと気になる事があったので、再びご報告です。
うちのブログをダイナミック・パブリッシング化しました。その際、カテゴリーをツリー化すると以前の状態が再現されました。
「サブカテゴリー表示ツリー化で、子カテゴリーのないページにアクセスするとJavaScriptがエラーを吐く。」
で、トップレベルカテゴリー表示でツリー化すると、今度はカテゴリーメニュー以下の読み込みが中止され、それ以下は表示できなくなります(こちらは通常構築だと正常です)。
うちの環境が悪いのかなぁ^^;
すみません。また書き忘れm(__)m
トップレベルカテゴリー表示でツリー化の場合は、サブカテゴリー折りたたみも加えた時です。
>WINDさん
こんにちは。
返事遅くなってすいません。
すいませんがmaketree.jsの20行目辺りに下記の青字部分を追加願えますでしょうか。
: // サブカテゴリー用(再帰呼び出し) function setClass(nodes){ if(!nodes[0]){ return; } // 最初の要素がULの場合, class属性(tree)を設定 :
以上です。
それではどうぞよろしくお願い致します。
こんばんは。
早速指定の場所に追加して試してみた所、エラーが出なくなりました!
お忙しい所お手数掛けてしまってすみません。ありがとうございました?
>WINDさん
こんばんは。
いえいえ、ご連絡ありがとうございました。
うまく動作できるようになってよかったです。
ではでは!
ツリー化、試させていただきました(^^)
無事にツリー化はできたのですが…線の画像がどうにもこうにも表示されない状態です(^^;
これもまた一興かと思いサスペンドしてありますが…やっぱり難しいですねぇ、ぶろぐは(*_*)
>PENさん
こんばんはー。
ご利用ありがとうございます。
とりあえずそちらのサイトへコメントさせて頂きましたのでご確認頂ければと思います。
すでに設定済でしたらお許しを。
yujiroさん、こんにちは。先日テンプレートをお借りした者です。
カテゴリーリストのツリー化、成功しました!
まだMTを始めたばかりで、できるかどうか不安でしたが、一つ一つ丁寧に読みながら進めていったところ無事にできあがりました。
これからも、yujiroさんについていきますー。よろしくお願いします。
>なおちーさん
こんばんは。
ご利用ありがとうございました。
いっぱい書いてあるので読むのが大変だと思いますが、無事にできたようでよかったです。
こちらこそ、今後ともよろしくお願い致します。
はじめまして。grumbleのやむといいます。
先日はコメントくださり、ありがとうございました。
おかげで憧れの伸び縮みする"└ "のツリー表示ができました。
ずっとブログ人とかで見てて、?(´゚σД゚`)ンー…これMTではどうやるんだろうと思ってたんです。
だからスッキリしました。感謝してます。
それから、テンプレートも勝手に借りてました。スミマセン。
中身が分かりやすく整理されていて、カスタマイズするのにも楽でした。
解説も丁寧なので理解できますし、度々お邪魔すると思います。
よろしくお願いします。
>やむさん
はじめまして。
テンプレートご利用&ご連絡ありがとうございます。
ツリー表示、うまくできてなによりです。
あ、テンプレートは特にご連絡いただかなくても大丈夫ですのでご安心ください。
あと勝手ながらBlogPeople登録させて頂きました。
それではこちらこそ今後ともどうぞよろしくお願い致します。
こんばんは。いつもお世話になっております。
以前Aoi Movable Typeの不具合の件ではご迷惑をおかけしました。(現在このMTは存在しません)
今回、原因がわからず悩んでいることがありまして、書き込みさせていただいています。
カテゴリー・アーカイブ内でカテゴリーリストが繁栄されず、頭を抱えています。
何かお気づきの点がございましたらご教授願えますでしょうか?
お忙しいところ申し訳ございませんがよろしくお願い申し上げます。
>あおいさん
こんばんは。
お世話になります。
ご質問の件ですが、事象からみてカテゴリーアーカイブで全カテゴリーリストを表示を参考にされてはいかがでしょうか。直らないようでいしたらすいませんが再度ご連絡ください。
以上です。
それではどうぞよろしくお願い致します。
早々とレスつけてくださりありがとうございます。
おかげさまでばっちり表示されました!
サブカテゴリーで検索していたので該当記事を見逃していたようです。
今後ともよろしくお願いいたします。
>あおいさん
こんばんは。
うまくできたようで良かったです。
記事が検索にひっかからなかったということで、すいませんでした。
遅ればせながらタイトルを変更してみました。
こちらこそ、今後ともどうぞよろしくお願い致します。
すいません、質問です。
ツリ表示用のスクリプトは自分で作成したサイドメニュー(MT標準以外のもの)には適用できませんか?
例)小粋空間だと「Introduction」のところをツリー表示をしたい
上記の例で伝わってくれればうれしいです。
>takeo25jpさん
こんばんは。
ご質問の件、イメージ伝わりました。
で、もちろんMT標準以外のものでも適用できます。
当サイトでいえば、「このサイトについて」をクリックした次のページにある「Official User's Manual」が良い例だと思います。
以上です。
それではどうぞよろしくお願い致します。
yujiroさんありがとうございました。
落ち着いてid名の設定をしたら無事にツリー表示になりました.
>takeo25jpさん
こんばんは。
ご連絡ありがとうございました。
無事に設定できたようでよかったです。
ではでは!
はじめまして。僕はMT初心者ですが、カスタマイズ勉強用にこちらを利用させてもらっています。
やっとカテゴリーとサブカテゴリーの折りたたみと、それらのツリー化は成功することができたのですが、WinのFirefoxやOpera、MacのSafariで見ると、カテゴリーとサブカテゴリーが同列に並んでしまい、ツリーが正確に表示されません。WinのIEでは問題なく表示されています。
お手数とは思いますが、解決策など助言いただけたら幸いです。
遅ればせながらサイドメニューのツリー表示に挑戦してみたのですが
ツリーにはなっているようなのですが画像が出ません。
・とか●で表示されます。
以前のコメントを参考にファイル名も正確に入れて
スタイルシートと同じディレクトリにアップしてもダメです。
もうお手上げです。
何度も確認しているのですが、どこが違っているのか分かりません。
ただ、maketree.js をダウンロードしてエディタで開いてみると一部日本語の部分が文字化けしているようです。
何か関係があるのでしょうか?
折りたたみもしたいのに、ここでつまずいてしまいました。
皆さん簡単そうにやっているようなのに・・
悲しい。
アドバイスいただけるととっても助かります。
よろしくお願いします。
>fissさん
はじめまして。
ご返事遅くなってすいません。
HTMLソースを拝見させて頂いたところ、サブカテゴリーリストの ul -li タグの組み合わせでタグが正常に閉じていない部分があるようにみえます。
申し訳ございませんが「サブカテゴリーリストの折りたたみ」の4項にあるリストを再度コピーして保存・再構築して頂けますでしょうか(編集せずそのままご利用ください)。
不具合直らないようでしたらお手数ですがご連絡ください。
以上です。
それではどうぞよろしくお願い致します。
レス有難うございます。
見直してみたところ、ご指摘通り位置が違っていました。これでFirefoxとSafariできちんと表示されました。また余分なもあったので削除しOperaでも見れるようになりました。
一杯一杯だったので、こういうミスにも気が付かず、お手間をとらせたこと申し訳ありません。助かりました。
>めぐさん
こんにちは。
ご返事遅くなってすいません。
原因は不明ですが、スタイルシートに設定されているツリー表示用のクラスセレクタ
ul.tree{ : } ul.tree ul { : } ul.tree li { : } ul.tree li.end { : }
が有効にならないようです。
対処としては、上記ツリー表示用セレクタを
.side #categories { : }
というセレクタよりも前に記述することで有効になりましたので、お試しになってください。
なおツリー用GIFは透過のものに入れ替えましたので、再度ダウンロードして頂けますでしょうか。
以上です。
それではどうぞよろしくお願い致します。
■yujiroさん、
いつも問題が起きなければコメントしないわけではないのですが・・教えて下さい。
このほどカテゴリーにサブを作ったので早速ツリー化を試みたのですが、線は表示されますが旨くツリーになりません。
「写真」のサブに「モノクロ」を作りましたが・・・。
■yujiroさん、
出来ました(^^♪
「全カテゴリー用」をコメントアウトしたら綺麗に表示されました。ただFirefox系ではきちんと表示されますが、IE系ではサイドタイトルの下が妙に空いてしまいます、どうすれば良いでしょう。
>散歩道さん
こんばんは。
ご利用ありがとうございます。
ご質問の件ですが、HTMLソースを拝見させて頂いたところ、
: </ul> </div> <script type="text/javascript" language="javascript"> <!-- generateNormalTree("categorylist"); //--> </script> 全カテゴリー用 --> <!-- サブカテゴリー用--> <div class="side"> <div id="categories"> :
の赤色の部分が影響しているようですので削除してみて頂けますでしょうか。
以上です。
それではどうぞよろしくお願い致します。
■yujiroさん、
無事解決しました、お手数を掛けました。
これからも宜しくお願いします。
>散歩道さん
こんばんは。
ご連絡くださりありがとうございました。
うまくできたようで良かったです。
こちらこそ、どうぞよろしくお願い致します。
■yujiroさん、
こんにちわ。今ひとつ教えて下さい。
カテゴリーをツリー化しました。
Topページ、コメントページ、日付ページではカテゴリーは
きちんとツリー化されています。
ただ、カテゴリーのページでは何も表示されません。
色々試して見ましたがお手上げです、何故でしょう。
>散歩道さん
こんばんは。
ご質問の件ですが、カテゴリーアーカイブで全サブカテゴリーリストを表示を参照いただけますでしょうか(カテゴリーリスト表示用のMTタグを2ヶ所入れ替えるだけです)。
これを行えば大丈夫だと思います。
以上です。
それではどうぞよろしくお願い致します。
■yujiroさん、
お手数掛けました、過去のエントリーもちゃんと目を通さないといけないですね、無事解決しました。
>散歩道さん
こんにちは。
ご連絡ありがとうございました。
うまくできたようで良かったです。
ではでは!
ツリー表示用のクラスセレクタを
アドバイス通り、前に移動させたのですが
やっぱり画像が出ません。
ツリーにはなっているのに・・・
もうどうすればいいのか分かりません。。。
>めぐさん
こんにちは。
ご質問の件ですが、テンプレートを作り直されたのか、以下の設定がなくなっているようです。
まず、<head>?</head> の間に
<script type="text/javascript" src="http://syarasan.com/maketree.js" charset="utf-8"></script>
を追加してください(util.js をインクルードしている下がよさそうです)。なお、maketree.js が http://syarasan.com/maketree.js でアクセスできない(ファイルのダウンロード画面にならない)ようですが指定した位置にファイルが正常にアップロードされているかご確認ください。そういう意味では現在設定されている util.js も同様です。
また、テンプレートのサブカテゴリーリスト表示用タグの下に青色部分、
: <!-- サブカテゴリー用 --> <script type="text/javascript" language="javascript"> <!-- generateSubcategoryTree(); //--> </script>
を追加してやってください。
上記の設定で表示されないようでしたらまたご連絡頂けますでしょうか。
きちんと表示されるまでサポート致しますのでご安心ください。
以上です。
それではよろしくお願い致します。
すいません。
もうできないと思って諦めてすべて一旦削除したんですが、
ふとmaketree.js をアップロードした場所が違うのかも・・と思ってやり直しました。
なぜか、maketree.js をmt.jsのある場所にアップするのだと勝手に思っていたんです。
ほんとうに何度もすいませんでした。(恥)
index.phpのある場所にアップするのですね・・
やっと分かりました。
ご迷惑おかけして申し訳ありません。
何度もすいません。
ツリー化はできたんですが、カテゴリーの文字が小さくなってしまいました。
ul.tree {
margin: 0px!important;
padding: 0px!important;
font-size: 9px;
list-style: none!important;
}
ここのフォントの数を大きくしても変わりません。私のテンプレートがおかしいのでしょうか?
変な質問ですいません。
>めぐさん
こんばんは。
うまくできたようですね。
おめでとうございます!
ご質問の件ですが、上記の
font-size: 9px;
を
font-size: 11px!important;
という風にしてみていただけますでしょうか。フォントサイズは 11px としてますが任意の値で結構です。
以上です。
それではどうぞよろしくお願い致します。
ありがとうございます。
解決いたしました。
ご面倒おかけしましたが、
これからもお付き合いくださいませ、ぺこり。
>めぐさん
こんばんは。
こちらもうまくできましたね、良かったです。
こちらこそ、どうぞよろしくお願い致します。
初めまして♪
いつもお世話になってます、ふぁんてと申します。
できる限り手をつくした、つもりなのですが、煮詰まってきてます(^-^;A
ツリー化は、できてるようなのですが、画像が出てきません。
前記の「めぐさん」のコメントも参考にさせて頂きましたが、どうにもこうにもお手上げになってしまってます。
お忙しい中申し訳ありませんが・・・
アドバイス頂けると幸いです。
>fantaisieさん
こんばんは。
カスタマイズご利用ありがとうございます。
ご質問の件ですが、画像を直接URL指定すると 404 Not Found となりますのでこの辺りの設定を再度ご確認頂けますでしょうか。
確認内容は、styles-site.css の設定と、指定したディレクトリにツリー用の画像が配置されていることの2点です。
以上です。
それではどうぞよろしくお願い致します。
yujiro様
こんばんは。
お忙しい中、早速のレス有難うございました。
ご指摘の通り直接のURLを指定しておりました。
実は初め其々(tree_end.gif)(tree_lst.gif)を指定していたのですが、それでも画像が出ない為、直接URLを指定しても出なく、何度か繰り返しているうちに他も変更しつつ、直接URLを指定のまま放置して居りました。
ご指摘頂いてすぐ書き直したところ今度は何故か?出現!!
感動ですo(^▽^)o
魔法にかかったみたいな気分です。
初歩的なことでお手数おかけして申し訳ありませんでした。
有難うございました!!
yujiro様の御親切感謝いたします。
これからも、宜しくお願いいたします。
>fantaisieさん
こんばんは。
ご連絡ありがとうございました。
うまくできたようでよかったです。
ではでは!
こっちも、スミマセン。
いろいろ試してみたのですが、
どうやっても線の表示になりません
なにかチェックすべき点ってほかにありますか?
>takeさん
こんばんは。
ご利用ありがとうございます。
ご質問の件ですが、まず
http://www.tscafe.jp/tsblog/maketree.js
にアクセスできないようです。
あと、どのページのどの部分に適用されているかご連絡いただけますでしょうか。
以上です。
それではよろしくお願い致します。
名前かぶってますね。スミマセン。
えー、大変失礼しました。違うスクリプトダウンロードしてUPしていたようですの直前行に入れた方がいいかもしれないですね。
この後時間を見つけて他のページを修正します。
ありがとうございましたm(__)m
>takeさん
こんばんは。
とりあえずうまくできたようで良かったです。
ご連絡ありがとうございました。
ではでは!
めぐサンと同じ症状みたく・・・
ツリーにはなっているようなのですが画像が出ません。
・とか●で表示されます。
注意深くやりとりの一部始終を自分にあてはめてみたのですが解決しません。
どうか教えてくださいませ。
すいません。。。
注意深くスタイルシートなどをチェックいれたのですが
ウマくいきません。。。
なにかお気づきの点があれば教えてくださいませ。
あぁとサイドバーの背景色、ありがとうございました。
>空煉遊さん
こんばんは。
ご返事遅くなってすいません。
こちらから拝見したところ正常に表示されておりますので、ブラウザのキャッシュ(一時ファイル)をクリアされてみてはいかがでしょうか。
以上です。
それではどうぞよろしくお願い致します。
yujiroさま
いろいろ教えて頂きありがとうございます。
で、、、ド素人な質問で申し訳ないのですが教えてくださいませ。
カレンダー、エントリー、コメント、カテゴリーから飛ぶとキチンと設定(ツリー、日付など)どおりに表示されます。
最後に「Monthly Archives(月別)」だけが未設定です。
これはどこで設定したらよいのでしょうか・・・?
こんなド素人な質問で申し訳ないのですが教えてください。
何回もすいません。
追記です。
月別で8月のみナゼかそれらしく表示されますが
過去になると表示されません。
今晩わ★
いつもこちらを参考にさせてもらっています。
今回、サブカテゴリーの折り畳みと一緒に、
サイドメニューのツリー化を導入してみました。
っが、何度やっても上手くいきません。
maketree.jsでもやってみましたし、
menufolder.jsでもやってみました。
でも、ツリーの画像も表示されません。
変更箇所については、
全て変更したつもりです。
何が原因なのでしょうか?
困ってしまい、
コメントさせていただきました。
>Makkyさん
こんばんは。
ご利用ありがとうございます。
ご質問の件ですが、何点か修正していただきたいところがあります。
まずツリー化をする場合は、リンクの一覧に用いるタグを
<ul> <li><a href="http://?/"></li> : <li><a href="http://?/"></li> </ul>
と、ul タグと li タグを使ったリスト形式に変更する必要があります(サブカテゴリーリストは現状のままで問題ありません)。記事の3項にあるリストは全て ul - li 形式になっておりますのでそのまま使ってみてください。
また、スタイルシートで設定しているツリー用画像の tree_lst.gif と tree_end.gif をブラウザより URL を直接指定してみたところ、表示されないようです。画像がスタイルシート(styles-site.css)と同じディレクトリにアップロードされているかご確認ください。
サブカテゴリーのツリー化については
generateNormalTree();
となっている部分を
generateSubcategoryTree();
に修正してください。
あと、これはエラーではありませんが、
<div class="side"id="entrylist">
と、id の前に半角空白がありませんので、
<div class="side" id="entrylist">
に修正してやってください(何ヶ所かあるようですので、検索して同じように修正してください)。
以上です。
それではどうぞよろしくお願い致します。
今晩わ★
先日質問したMakkyです。
yujiroさんから教えていただいたコトを実行しましたら、
ちゃんと設置するコトが出来ました★
丁寧に教えてくださり、
本当にありがとうございました!
お手数お掛けしました。
これからもこちらを参考にさせていただきたいと思ってます。
宜しくお願い致します♪
>Makkyさん
こんばんは。
ご連絡ありがとうございました。
うまくできたようで良かったです。
ではでは!
初めまして。
こちらのツリー化スクリプトを利用させていただいていますが、どうも上手く行かないので教えてください。
こちらのスクリプトをDLし、設定いたしました。
Mozillaでは思い通りに表示されているのですが、IEではツリー表示はされていますが画像が出ていません。またステータスバーにエラー表示が出ています。(折りたたみスクリプトは使っていません)
コメントも参考にさせていただいて、色々いじってみたのですが……。
どうぞアドバイスお願いいたします。
>rinaさん
こんばんは。
ご利用ありがとうございます。
ソースを拝借させて頂きましたが根本的な原因は不明です。申し訳ありません。
ただ maketree.js を Shift_JIS で保存されているので、
<script type="text/javascript" src="http://karina.vivian.jp/maketree.js" charset="utf-8">
の赤字部分は不要です(または maketree.js をUTF8で保存)。
またスタイルシートに全角空白があるので、半角空白に変換されるか、空白を削除されてはいかがでしょうか。
以上です。
もし何か分かりましたらご連絡致します。
それではよろしくお願い致します。
yujiroさま
お手数をお掛けして申し訳ありませんでした。
お返事ありがとうございます。
jsファイルの文字コード違いとは思いもよりませんでした!
DLページから開いたものを、全文コピーしてUTF-8を扱えるエディタに貼り付けて保存していたのですが、保存時にコードが変換されてしまっていたようです。リンクを開かず、「リンク先に名前をつけて保存」しUPLOADし直したらエラー表示が消えました。もちろんツリー画像も表示されるようになりました。
ずっと気に病んでいましたので、これですっきり、とても嬉しいです!
こんな間抜けな理由でお手を煩わせてしまい大変申し訳なく思います。
でもご指摘いただかなければ、気付けなかったと思います。本当にありがとうございました。(スタイルシートの全角空白も修正いたしました)
ご迷惑をお掛けいたしました。ありがとうございました。
>rinaさん
こんばんは。
ご連絡ありがとうございました。
うまくできたようで良かったです。
実はこちらでソースをお借りして試しても改善されなかったので、別の原因かと思っておりました。色々答えてみるものですね(笑)。
また何かございましたらお気軽にご連絡ください。
ではでは!
いつもお世話になってます
これもやってみましたw
Categoriesのところはうまくいきました
他が出来ないのでよくよく見ると
ul と li を用いたリスト形式になっていませんでした
どうしたらよいでしょうか?
>MELLさん
こんばんは。
ご利用ありがとうございます。
ご質問の件ですが、このエントリーにあるサンプルのリストは ul - li 形式になっていますので、丸ごとコピーしてもらえれば大丈夫だと思います。
以上です。
それではよろしくお願い致します。
見ながら同じ記述にしてみたのですが
● が付いて位置がずれただけでした
CSSだと思うのですが見ても何が悪いのかが
わかりませんw
どうしたらいいでしょうか?
>MELLさん
こんにちは。
ご質問の件ですが、2ヶ所 typo があるようですのでそれぞれ修正して頂けますでしょうか。
まず
generateNormalTree("RecentEntrylist");
の赤色部分を
generateNormalTree("RecentEntrieslist");
に修正してください。
それから
generateNormalTree("'RecentCommentslist");
は「Recent」の前に「'」が余分についていますので削除してください。これで正常に表示されると思います。
あと、Monthly Archives は未設定かも知れませんが ul - li 形式にしてください。
なお最近のコメントはリストに不具合がありましたのでエントリーを修正致しました。お手数ですが再度コピーして頂けますでしょうか。
以上です。
それではどうぞよろしくお願い致します。
ありがとうございました(o*。_。)oペコッ
何とか出来ました何度も何度もすいませんでした
これからもよろしくです(o^∇^o)ノ
>MELLさん
こんばんは。
ご連絡ありがとうございました。
うまくできたようで良かったです。
ではでは!
またまた問題発生してしまいましたw
ツリー化が出来て喜んでいたのですが
どうもスタイルシートのツリー化の記述以下の
スタイルが反映されていないようで
コメントの見出しやその他文字も変わってて
変なんですけど戻せる方法はあるでしょうか?
何度もすみません(o*。_。)oペコッ
追伸
何故だかOperaではちゃんと見えてますw
あれから少しづつ悪戦苦闘しながらカスタマイズにトライしております。やはり初心者なんでなかなかスムーズにいかず頭を悩ますばかりです。それで、またまたすごく便利で感動しましてサイドメニューのツリー化スクリプトをお借りして設置の方参考にさせて頂きました。ありがとございます。なんとかツリー化はできたのですが後、▲▼印で開閉をしたいのですが設置方法等はどの辺を参考にさせて頂いたら宜しいでしょうか?また、コメント欄等で「続きを読む」のリンクがありますけどその辺もお借りしたいのですがどの辺を参考にさせて頂いたら宜しいでしょうか?お手数おかけ致しますがサポートの程宜しくお願いします。
>MELLさん
こんばんは。
ご質問の件ですが、ツリー化の指定をスタイルシートの一番下に移動されてみてはいかがでしょうか(確証はありませんが)。
またスタイルシート内に全角空白が散見されますので半角空白または削除くださいますよう、お願い致します。
なおブラウザによって異なるのはCSSの適用状況が異なるためです。
以上です。
それではどうぞよろしくお願い致します。
>panserさん
こんばんは。
ご質問の件は、「サブカテゴリーの折りたたみ」という解釈でよろしければ、サブカテゴリーリストの折りたたみを参照ください。
なお、ページ右上の検索フォーム、またはその少し下にあるカテゴリーメニューよりカスタマイズネタが色々見つかると思いますので、お試しください。
以上です。
それではどうぞよろしくお願い致します。
ツリー化の指定以下の部分をゴッソリ上に持ってきたら
ちゃんと反映されました(o^∇^o)ノ
ありがとうございました(o*。_。)oペコッ
>MELLさん
こんばんは。
ご連絡ありがとうございます。
こちらも無事になおったようでホッとしました。
ではでは!
いつもBlogツールではお世話になっております。
サイドメニューのツリー化の件でサポートお願いします。ツリー化、サイドメニューの折りたたみはなんとか設置できているのですがツリーを▲で開閉したいのですがならないのです。下記が設置に伴う作業内容です。
1)「menufolder.js」→表示するように設定後UP
2)画像→画像UPしたものは、URLから全てDLLできるか確認。結果OK
3)CSS、HTML一部変更済み→ココの部分が不十分なのか?
お手数おかけ致しますがサポートの程宜しくお願いします。
>panserさん
こんばんは。
ご利用ありがとうございます。
ご質問の件につきましては、「サブカテゴリーリストの折りたたみ」のエントリーで頂いているコメントの方に回答いたします。
以上です。
それではよろしくお願い致します。
はじめまして。
こちらのツリー化のスクリプトを設置させていただきました。
初心者なので忠実にコピペさせていただいてうまく設置することはできたんですが、
上のMELLさんの質問に似たような現象がおきています。
私の場合はツリー化を設置した部分のエントリーの部分がスタイルが反映されていません。
「一番下に・・・」ということでやってみましたが、今度は反映されましたがツリー化ができなくなってしまいます。
このままでもいいとは思うのですが、何か解決策はありますか?
>kyokoさん
こんばんは。
ご利用ありがとうございます。
ご質問の件ですが、スタイルが反映されないのはサイドメニューの「Comments」と「Trackbacks」のエントリータイトル部分がご質問の箇所と解釈しました。
記事のサンプルは、Dr.BLOGさんのテンプレート(およびスタイルシート)で設定されている class 属性名が異なるので、テンプレートに設定されている
<div class="side" id="commentlist"> : <div class="side" id="trackbacklist">
を
<div class="sidebar" id="commentlist"> : <div class="sidebar" id="trackbacklist">
に戻してください。
スタイルシートの設定は現状の位置で大丈夫だと思います。
以上です。
それではよろしくお願い致します。
できました♪
そうですね、テンプレートがよそのものでした(^^ゞ
それにもかかわらず丁寧なアドバイスをいただいて感謝しています。ありがとうございました。
これからもお世話になると思いますがよろしくお願いしますm(__)m
>kyokoさん
こんばんは。
どういたしまして。
こちらこそ今後ともどうぞよろしくお願い致します。
はじめまして
MT始めたばかりなのですが、色々と参考にさせて頂きました。
カテゴリは多くなるのが嫌でずっと4つで通してきたのですが、記事が多くなると不適切なカテゴリ分けも増えてきて・・・
こちら様のツリーがあまりに見易くて、早速 使わせて頂きました。
カテゴリリストが見易くさえなっていれば、カテゴリ自体は細かく分れている方が親切ですよね。
おかげさまで見た目だけでなくブログ自体も分り易く改造できたと思います。
ありがとうございました♪
>お犬さまと私さん
はじめまして。
スクリプトご利用&ご連絡ありがとうございました。
うまく設定できたようでよかったです。
それでは今後ともどうぞよろしくお願い致します。
いつも大変参考にさせていただいております。
ツリー化をエントリーを見ながら、やってみたのですが一応ツリー用の画像は出ているのですが、サブカテもメインカテも同じ並びで表示され、サブカテ等設定したのにも関わらず、全てのカテゴリーが、ABC順に並んで表示されてしまいます。お手数だと思うのですが、何が考えられますでしょうか。ご教授いただけると大変助かります。よろしくお願いいたします。
>Mihoさん
こんばんは。
ご利用ありがとうございます。
ご質問の件ですが、カテゴリーリストを生成するタグに、
<MTCategories> : </MTCategories>
を使われていないでしょうか。
ツリー表示にする場合は、上記の部分を
<MTSubCategories> : </MTSubCategories>
に置き換える必要があります。
以上です。
それではどうぞよろしくお願い致します。
yujiro様
お返事早速ありがとうございます。
貴サイトで、掲載されている(カテゴリーリスト:サブカテゴリー表示用)をコピーし、テンプレートにペーストした状態なのです。先ほど確認はいたしましたが、やはり
<MTSubCategories>
:
</MTSubCategories>
で表記されていました。
何か他に考えられることはありますでしょうか。
たびたびお手数をおかけいたしますが、よろしくご教授お願いいたします。
MT設定画面では、サブカテの設定をしてあったのですが、なぜか反映されていなかったみたいです。設定用のcgiを使ってサブカテ設定をして再構築したら、ツリー表示されました。お手数をおかけいたしました。大変申し訳ありませんでした。
>Mihoさん
こんばんは。
ご連絡ありがとうございました。
無事に直ったようで良かったです。
ではでは!
はじめまして。八棚香です。
ツリー化スクリプトをつかわせていただきました。
かなり悩みながらやりましたが、カテゴリーのツリー化もきちんとできました。ありがとうございました。
ただ、カテゴリの下側部分のボックスが右側指定しているのですが、左側へ寄ってしまってます。バックも途中で切れてしまいました。
これの直しかたはありますでしょうか?
テンプレートは、他のものを使用しております。
ですので、ここでお聞きしてもいいものか悩んでます(^^;
こんばんは。
いつも参考にさせていただいております。
ツリー化スクリプト、折りたたみスクリプト、カレンダー(横)を利用させていただいてます。
ツリー化スクリプト改変につきまして、本来ならばこちらが報告に伺うべきところをわざわざコメントいただき、大変恐縮です。
利用報告がすっかり遅くなってしまい、申し訳ありませんでした。
ツリー画像も色変更を加えて利用させていただいておりますので、合わせてご報告申し上げます。
今後もカスタマイズ楽しみに通わせていただきますのでどうぞよろしくお願いいたします。
>八棚香さん
こんにちは。
スクリプトご利用ありがとうございます。
ご質問の件ですが、サブカテゴリーリスト表示の最後の辺りで、
: </ul> </div> </div> <script type="text/javascript" language="javascript"> <!-- generateNormalTree("indexcategory"); //--> </script> :
の赤色部分を入れ替えて
: </div> </ul> </div> <script type="text/javascript" language="javascript"> <!-- generateNormalTree("indexcategory"); //--> </script> :
としてみてください(タグの出現順序が誤っているようです)。
テンプレートは何でも構いませんよ。お気遣いなく。
以上です。
それでは今後ともどうぞよろしくお願い致します。
>みっくさん
こんにちは。
スクリプトご利用&ご連絡ありがとうございます。
色・画像はご自由に変更されて結構ですので、どうぞお気遣いなく。
こちらこそ今後ともどうぞよろしくお願い致します。
こんにちは
Movable Type 3.1x 2カラム テンプレート(サイズ固定・左メニュー) ,ツリー化スクリプト,折りたたみスクリプト、カレンダー(横)などを利用させていただいています。
特にツリー化と折りたたみは,細かいカテゴリーが必要な私にとって大変便利なものです。
ちょっと心配なのは,(記憶が定かでないのですが)私が導入したツリー化スクリプトは(改)ついていないものだったような気がしました。まあ,現在問題なく動いているようなので,そのままにしてあります。
導入が6月でしたから,報告がかなり遅くなってしまいすみませんでした。
今後ともよろしくお願いいたします。
こんにちは。
タグの順番が間違っていたのですね(^^;
すみません。気がつかなかったです。。。
きれいに直りました!
ありがとうございました♪
今後とも、よろしくお願いします(^^)
>mametiさん
はじめまして。
テンプレートおよびカスタマイズご利用&ご連絡ありがとうございます。
ツリー化スクリプトは最初から「(改)」はついておりましたのでご安心ください。
あと勝手ながらBlogPeopleに登録させて頂きました。
それでは今後ともどうぞよろしくお願い致します。
>八棚香さん
こんにちは。
ご連絡ありがとうございました。
無事になおったようで良かったです。
ではでは!
お世話になります。LINといいます。
カテゴリの折りたたみと、ツリー表示を参考にさせていただいたのですが1点だけ上手く行かないところがあります。
ツリーの各カテゴリの最後の li は、終端のICONが表示されるはずですが、途中のICONが表示されてしまいます。
画像は準備しており、ソースもコピペした後、1つずつ確認したので間違いないと思いますが、原因は何か思い当たることはありますでしょうか?(過去のコメントには同じ事象はありませんでした)
>LINさん
こんにちは。
カスタマイズご利用ありがとうございます。
ご質問の件ですが、下記の修正をお願いできますでしょうか。
まず、maketree.js によるサブカテゴリーのツリー化は categories という id 属性を使用することを前提としていますので、side_bodytree を categories に修正するか、3項のサブカテゴリーリストの下の記述の通り、maketree.js の60行目付近にある categories という文字を side_bodytree に修正してください(2ヶ所)。
また、スタイルシートに誤りがありましたので、該当部分を下記のものと差し替えてみてください(side_bodytree を使用することを前提に修正しています)。
#side_bodytree UL.tree { PADDING-RIGHT: 0px! important; PADDING-LEFT: 12px! important; PADDING-BOTTOM: 0px! important; MARGIN: 0px 0px 0px 0px; PADDING-TOP: 0px! important; LIST-STYLE-TYPE: none! important; } #side_bodytree UL.tree UL { PADDING-RIGHT: 0px! important; PADDING-LEFT: 4px! important; PADDING-BOTTOM: 0px! important; MARGIN: 0px; PADDING-TOP: 0px! important; } #side_bodytree UL.tree li { PADDING-RIGHT: 0px! important; PADDING-LEFT: 18px! important; BACKGROUND-IMAGE: url(images/mark3.gif); PADDING-BOTTOM: 0px! important; MARGIN: 0px; PADDING-TOP: 0px! important; BACKGROUND-REPEAT: no-repeat! important; LIST-STYLE-TYPE: none! important; } #side_bodytree UL.tree li.end { PADDING-RIGHT: 0px! important; PADDING-LEFT: 18px! important; BACKGROUND-IMAGE: url(images/mark4.gif); PADDING-BOTTOM: 0px! important; MARGIN: 0px; PADDING-TOP: 0px! important; BACKGROUND-REPEAT: no-repeat! important; LIST-STYLE-TYPE: none! important; }
主な修正点は
- .side_bodytree → #side_bodytree
- .UL → UL
- セミコロン抜け修正
です。
上記の設定で表示されることを確認致しましたが、正常に表示されない場合、本サイトに掲載してあるCSS、およびサブカテゴリーリスト折りたたみ用タグを再度コピー&ペーストし、画像ファイル名以外は編集(タブ・改行・空白付与、プロパティ付与等)されない状態でお試しになってください。
以上です。
それではどうぞよろしくお願い致します。
管理人様
折りたたみスクリプトでお世話になり、今朝ほど成功のお知らせをさせていただいたものです。
カテゴリーのツリー化にも挑戦しまして(idの割り当ては折りたたみの際のを使用)
上記記載の順に設定しました。
画像のパスも通っておりますが、画像が表示されません。
スタイルシートは折りたたみのほうにも書きましたように、
http://x7net.com/~shinjou/themes/theme-city_blend/theme-city_blend.css
を使用しております。
こちらでもお世話になりますが、ご教授をよろしくお願いいたします。
上記の追記です。
画像をURLで確かめますと、
tree_end.gifは表示されますが、tree_lst.gifのほうはIEの画面に表示されません。
再度アップロードしましたが同様です。
これが原因なのでしょうか?
なぜtree_lst.gifが表示されないのかがわからないのです。
>shinjouさん
こんばんは。
ご質問の件ですが、
スタイルシートの記述を
ul.tree li { margin: 0px!important; padding: 0px 0px 0px 16px!important; background-image: url(http://x7net.com/~shinjou/images/tree_lst.gif); background-repeat: no-repeat!important; list-style: none!important; } ul.tree li.end { background-image: url(http://x7net.com/~shinjou/images/tree_end.gif); list-style: none; }
と、赤色で示した url(?) を付与してください。
以上です。
それではよろしくお願い致します。
管理人様
いつも迅速なアドバイスをありがとうございます。
ご教授いただきましたように修正しましたら、成功しました。
折りたたみに続きお世話になり、感謝申し上げます。
このところ、仕事(薬局経営)よりMTに没頭しております(^_^;)。
カスタマイズできるとうれしくて
(自分の力ではなく、今回も管理人様のご教授で成功したのですよね)、
また次のことにチャレンジしたくなります(笑)。
今後ともよろしくお願いいたします。
>shinjouさん
こんばんは。
とりあえず表示されたようですね。
おめでとうございます。
回答不足でしたが下記のように何箇所か修正して頂けると、さらにきれいなツリーが表示されると思います。お試しになってください。
: <div class="module-content"id="categorylist"> <div id="categories"> : </div> </div> :generateNormalTree("categorylist");generateSubcategoryTree(); :
青色のように div タグを一組追加して、赤色の JavaScript 起動を青色のものに変更してください。
雑駁な説明で恐縮ですがよろしくお願い致します。
管理人様
更なるアドバイスに恐縮しております。
ありがとうございます。
早速、実行させていただきました。
私は管理人様のお母様に近い年齢かと思います。
開設6年目になるHPは自己流で進んでいますが、
MTを始めてわからないことばかりで難儀しておりました。
今回も管理人様のアドバイスが無ければきっと挫折していたと思います。
ブログは年齢層の高い方にも読んでいただけるよう、何とか工夫しながら進んでおります。
今後ともよろしくお願いいたします。
はじめまして。
NA-GA と申します。
よろしくお願い致します。
小粋空間様のサイドメニューのツリー化スクリプトをやってみたのですが、
カテゴリーアーカイブページだけうまく表示されなく、悩んでいます。
サイドメニューの Categories ですが、トップページ http://na-ga.net/ 等では正常に表示されるのですが、
カテゴリーアーカイブページの、http://na-ga.net/archives/linux/selinux/ や
http://na-ga.net/archives/movable_type/cat7/ だと何も表示されなくなってしまいます。
記述ミス等チェックの行いましたが、原因が分からず朝になってしまいました。(汗)
ご存知の方がいらっしゃいましたら、ご指導いただけないでしょうか。
おはようございます。
さきほどの書き込みの件ですが、朝ごはんを食べて過去ログを参考したところ
[ カテゴリーアーカイブで全カテゴリーリストを表示 ] を見て、自己解決しました。
過去ログの多さはすごいです・・・
ありがとうございました。
無駄な書き込み申し訳ありません 。゚(ぅд・。)゚。 ゥゥ・・・
>shinjouさん
こんにちは。
ご連絡ありがとうございました。
これからもお体に気をつけてマイペースでお続けになってください。
ではでは!
>NA-GAさん
はじめまして。
テンプレート&カスタマイズご利用ありがとうございます。
無事に解決されたようで良かったです。
書き込みは同じ問題を抱えられて訪問される方の参考になりますのでご心配なく。
それでは今後ともどうぞよろしくお願い致します。
今、Movable Typeに乗り換えようと勉強中です。ツリー化、わかりやすい説明でとてもよくわかりました。
テンプレートもお借りしています。勉強中のサイトは(http://dola.daa.jp/blog/)ですw
ところで、Yujiroさんはマンドリン音楽をやられているとか。
私はMandolaを弾いてます。都内で活動中のプレストとバッカスに所属してます。
なんか身近に感じてしまいました。
これからもお世話になると思うので、LINK晴らせていただきます。
>どら♀どらさん
こんばんは。
テンプレート&カスタマイズご利用ありがとうございます。
プレスト&バッカスですか。もしかしたら共通の友人がいらっしゃるかもしれませんね。
リンクもありがとうございました。
こちらこそ今後ともどうぞよろしくお願い致します。
工工工エエエエエエェェェェェェ(゚Д゚)ェェェェェェエエエエエエ工工工
そうなんですか??
今度聞いてみようかなぁ??( *´艸`)ムププ
こちらこそLINKありがとうございました!
こんにちは、3カラムテンプレートとツリー化スクリプトを利用させていただいております。カテゴリをツリー化したことで、ずいぶん見やすくなったと思います。ありがとうございました。
トラックバックをしようとしたのですが、「HTTP error: 500 read timeout」「HTTP error: 403 Forbidden」エラーが出てできませんでした。コメントで失礼します。
よーく読んでみたら、単にタイムアウトしてたんですね。内容を見直した時にタイトルを少し変えてしまったので、トラバの二重投稿してしまいました。
もうしわけありません。
>farfalloneさん
こんばんは。
テンプレート&カスタマイズご利用ありがとうございます。
トラックバックも併せてありがとうございました。
重複分につきましてはどうぞお気遣いなく。
それでは今後ともどうぞよろしくお願い致します。
yujiroさま、
無事、ツリー化に成功し、サイトリニューアルをすることができました(http://coach703.com/)、ありがとうございます。テンプレートも使わせていただいています。
四苦八苦で七転び八起き状態ですが、今後も小粋空間で勉強させていただきます。
>naomintoさん
こんばんは。
テンプレート&カスタマイズご利用ありがとうございます。
ご不明な点がございましたらお気軽にご質問ください。
それでは今後ともどうぞよろしくお願い致します。
こんにちわ。建設中のMTにこちらの技を利用させていただいております。
当方のBLOGで、SafariやFirefoxやOperaでは、思ったとおりの表示ができているのですが、IE時のみ一部ツリーが断絶しており、またその要因と関係あるのか行間が間延びした状態の表示になっています。ツリー断絶はサブカテゴリーを追加時に発生しました。
素人ながら折りたたみ等盛り込んだり、複雑にしてるのも原因と自覚してます。あれこれいじって解決策がみつからず、スキル的にもう限界なため、こちらにコメントした次第です。
・ツリー断絶改善(IE)
・リスト行間の安定(IE)
お手数とは思いますが助言いただければ幸いです。
>fissさん
こんばんは。
ご質問の件ですが、当方のIE6.0および他のブラウザで正常に表示されております。原因不明で申し訳ありませんが、お使いのブラウザに依存している問題ではないかと思われます。解決する可能性はありませんがブラウザのキャッシュのクリア等もお試しください。
なおこちらにIEで表示したものをキャプチャしましたので、ご確認ください。
以上です。
それではどうぞよろしくお願いいたします。
原因は不明ですがツリー断絶はこちらのIEの表示がおかしいことがわかりました。お騒がせして申し訳ありませんでした。
サイト完成後にあらためてスクリプト使用のご挨拶を致します。
>fissさん
こんにちは。
ご連絡ありがとうございました。
それではご連絡お待ち申し上げます。
こんにちは。
最近MTに切り替えたものですが、こちらでいろいろ学ばせていただいてます。
「最近のコメント」でツリー化はできたのですが、どうしてもよく分からない点が2点あり、すみませんがご教授お願いできませんでしょうか。
・ツリー化項目8.での、IEでのツリー画像が消える件ですが、ワタシのCSSでは該当する表記がない(・・・と思います)のです。それでWin-IEで見ると画像が消えます。
・関連してなんですが、「最近のコメント」内でこちらで紹介されていた、MTCollate を使っての表示を少し自分用にいじって使わせていただきました。
ツリー化を後から入れたところ、<$MTEntryDate format="(%b,%d)"$>の表示が出なくなりました。何か関連があるのでしょうか?
長々とすみません。よろしくお願いいたします。
>theta-Pさん
こんにちは。
ご利用ありがとうございます。
ご質問の件ですが、画像が消える問題はスタイルシートの
.module { position: relative; overflow: hidden; width: 100%; }
の赤色で示した position プロパティを削除またはコメントアウトすれば解消するようです(Windows/FirefoxはOK)。
また月日が表示されない件は、プログラム上、テキストノードを削除しないとツリー表示ができないのですが、その不要テキストノードとして認識されてしまっておりますので、該当箇所を
<span><$MTEntryDate format="(%b,%d)"$></span>
と何らかのタグで括ってやってください。
以上です。
それではよろしくお願い致します。
>yujiroさま
こんばんわ。
上記2件、できました。
ありがとうございます!
お恥ずかしながら、HTMLやスタイルシートも、かじり知識のため、
なぜ上記2件で解消できたか、よく分かっておりません(笑)
「テキストノード」という単語は人生でハジメテ聞きました・・・。(汗
徐々にがんばっていきたいと思います^^。
お忙しい中、ありがとうございました。
>theta-Pさん
こんばんは。
ご連絡ありがとうございます。
また何かございましたらご連絡ください。
ではでは!
おはようございます。
SereneBachも サイドメニューをツリー化してみました。
びみょ????に ツリーがつながりません。途切れちゃうんです。
スタイルシートを いじってみたんですけど、うまくいかないんですよねぇ。
>さえらさん
こんばんは。
前のエントリーのコメントで書いてしまいましたが、確認します。
たしか修正して正常に表示させた記憶があるのですが、修正したものがどこへいったか失念しました(爆)。
はじめまして
「小粋空間」さんのブログにはお世話になっています。
この度カテゴリーのツリー表示にトライしてみたのですが、テンプレートで言えばメインページとエントリーアーカイブは上手く表示できるのですが他のアーカイブが「○」になって線になってくれないのです。
ご教示下さい。よろしくお願いします。
>飼い主さん
はじめまして。
テンプレートご利用ありがとうございます。
ご質問の件ですが、アーカイブ用のテンプレートに
<script type="text/javascript" src="maketree.js" charset="euc-jp"></script>
を追加すれば大丈夫と思います。
あと勝手ながらBlogPeopleに登録させて頂きました。
それでは今後ともどうぞよろしくお願い致します。
>yujiroさま
早速のご返事ありがとうございました。
当該テンプレートには
<script type="text/javascript" src=<$MTBlogURL$>"maketree.js" charset="euc-jp"></script>
として追加してありましたが、ご指摘のように
<script type="text/javascript" src="maketree.js" charset="euc-jp"></script>
と入れ替えてみましたが、結果は同じでした。
また、「小粋空間」さんのサイトと「スーパーカスタマイズテクニック」という本をみながらやったのでどこかでごちゃ混ぜになっているのかも知れません。
BlogPeapleへの登録有り難うございます。
宜しくお願い致します。
>飼い主さん
こんばんは。
HTMLソースを拝見させて頂いたところ、追加されたscript タグの src 属性に typo があります。
誤
src=http://taro.izu-ohshima.com/"maketree.js"
正
src="http://taro.izu-ohshima.com/maketree.js"
ソースを拝借してこちらで修正したところ、ツリーは正常に表示されました。
またそれとは別に、サブカテゴリーリストで li の閉じタグが冗長になっているようにみえますのでご確認ください(IEでは正常に表示されますがFirefoxでは表示がくずれています)。
以上です。
それではよろしくお願い致します。
>yujiroさま
ご指摘のとおりでした。
思いこみでコピー&ペーストして気が付きませんでした。
また、liの閉じタグの件ですが1個削除致しました。たぶんこれで大丈夫だと思います。
適切なご指摘有り難うございました。
今後とも宜しくお願い致します。
>飼い主さん
こんにちは。
ご連絡ありがとうございました。
うまくできましたね。お疲れ様でした!
ではでは。
毎度お世話に成ります。
爺にはチョット敷居が高かったかな?と思いながら遣っています。
マダ記事は少ないのですが今回カテゴリーのツリー化に挑戦して数日経ち、皆は直ぐ出来たとか言うコメントもありますが・・爺はサッパリです・・。
悩んでいたのは全然表示されない所が有りコレは「maketree.js 」と言うファイル名が違っていました。
文字化けの為「maketree_en.js 」が抜けていました。
今回表示はされるのですがツリーになっていません。
此処まで来たら諦め切れません、今度は何処が??
ん?もうパソコンメ~!(・・・って自分が悪いのです)
ご教授の程を・・。今、外は雪です。トッテモ寒いですよ。
>yamanojiiさん
こんばんは。
ご利用ありがとうございます。
ご質問の件ですが、「ツリー」が「サブカテゴリーを表示したい」という意味でおっしゃっているのでしたら、カテゴリーリストをサブカテゴリー表示に切り替えるが参考になると思います。
以上です。
それではよろしくお願い致します。
ヤッタ?!返事が遅くなりました、山の爺にも出来ました!
1つ悩んだ所は「maketree_en.js 」を使っていた為です。説明に「文字化け・・・」と有りましたのでDLしてエディターで開いたら文字化けでしたのでテッキリ是だと思い込み使っていました。イクラやってもツリーにはなりませんでした。
然し完成です有り難う御座いました。
>yamanojiiさん
こんばんは。
うまくできたようでなによりです。
なお、IEではタイトルとリストが離れてしまうようですので、
<!-- 全カテゴリー用 : (略) : 全カテゴリー用 -->
の部分を全て削除されると良いでしょう。
以上です。
それではよろしくお願い致します。
こんばんは、yujiroさん
お世話になっています。
ツリー化の記事を参考に、させて頂いて導入
させて頂きました。 ツリーの画像も頂きました。m(__)m
>mituruさん
こんばんは。
ご返事が前後してしまいましてすいません。
こちらもご利用くださりありがとうございました。
無事に設置できたようで良かったです。
ではでは!
yujiroさま
はじめまして お世話になります。
いつもこちらで勉強させて戴いております。
サイドメニューの折りたたみはうまく出来たのですが、次にツリー化した時にツリー表示は出来たのですがカテゴリーのメニューの下が空いてしまいます。
以前のコメント(Posted by 散歩道 : May 11, 2005 05:15 PM)を参考に削りましたが
症状は変わりありませんでした。
何が悪いのかご指導よろしくお願いいたします。
>najmaさん
こんばんは。
ご利用ありがとうございます。
HTMLソースを拝見させて頂いたところ、
<<script type="text/javascript"> <!-- FoldNavigationSlowly('Categories','on',true); //--> </script>
の赤色部分を削除してください。
それから、その少し下にある
サブカテゴリー用 -->
が余分ですので削除してください。
こちらで試したところこれで解消されました。
以上です。
それではよろしくお願い致します。
>ujiroさま
迅速な対応ありがとうございます。
無事解決できました。
<の記号だけでこのような症状になるとは考えもつきませんでした。
これでやっと先に進めることが出来ます。
これからはMTタグについてもっと勉強していきたいと思います。
本当にありがとうございました。
>najmaさん
こんばんは。
ご連絡ありがとうございました。
無事に直ったようで良かったです。
ではでは!
とても参考にさせてもらってます。
今月初めにBLOGをはじめようと思い、ゼロから作り込みをしています。メニュー折りたたみ機能って、めちゃいい感じでとても気に入ってます。
ところで、”最近のコメント”用のJavaScript起動用スクリプトですが、日付アーカイブページ等で”最近のコメント”をクリックすると、コメントがないのに、エントリータイトルだけ表示されてしまいました。これって仕様なのかなぁ?と思いつつ、該当リンク箇所(<a href="<$MTEntryLink$>"><MTEntryTitle></a>)を<MTIfNonZero tag="MTEntryCommentCount">?</MTIfNonZero>で括ってみたら、コメントのあるエントリーだけ表示されるようなり(タグの使い方があっているか自信なしですが・・・)、個人的には更にいい感じって思っています。
いろんなカスタマイズ情報を期待していますので、今後ともよろしくお願いします。
>kunitaroさん
こんにちは。
ご利用ありがとうございます。
日付アーカイブ・カテゴリーアーカイブでは「最近のコメント」「最近のトラックバック」がメインページと同じ振る舞いをしないため、モジュール化されると良いかもしれません。
なお上記のタグの使い方は適切と思います。
こちらこそ今後ともどうぞよろしくお願い致します。
yujiroさま
はじめまして。雑誌で小粋空間さんのサイトを知り参考にさせていただいております。
早速質問ですが、「カテゴリーリスト:サブカテゴリー表示用」の設置は無事できたのですが、フォントのサイズが何故かInternet ExploreよりFirefoxで表示した時に小さくなってしまうのです。
font-size: 9pxに、!important;を付けたりしてみたのですがそれでもうまくいきません。
その他のCSSでも、IEとFirefoxで表示違いがしばしばあるので苦戦しております。
もしブラウザの違いによるCSSの注意点などのエントリーがありましたら併せてお教えいただけないでしょうか?よろしくお願いいたします。
>5さん
はじめまして。
ご利用ありがとうございます。
ご質問の件ですが、個人的にはアンダースコア・ハックがお勧めです。ただしCSSが valid でなくなりますので予めご了承ください。
yujiroさま
はじめまして。御世話になります、由姫と申します。
この度、MTでブログを立ち上げ、小粋空間さまのテンプレートをお借りいたしました。
そこで、続いてツリー化を、と思い、早速挑戦したのですが、どこのページを表示してもツリーが表示されません。
何度も見直したり、他サイトに検索して調べたりもしているのですが、解決できません。
ご多忙のこととお察しいたしますので、yujiroさまのお時間のある時で構いません、どうかご指導をいただきたく存じます。
当方、MT初心者なので、知識不足な点も多々あるかと思いますが、どうぞよろしくお願いいたします。
>由姫さん
はじめまして。
テンプレート&カスタマイズご利用ありがとうございます。
ご質問の件ですが、ツリー化するリストがリスト構造(ul - li)になっておりませんので、リスト部分を本エントリー3項のサンプル(黒字で表示している部分)をコピーしてお試しください。
あと勝手ながら BlogPeople に登録させて頂きました。
それではどうぞよろしくお願い致します。
yujiroさま
ご指導ありがとうございます。また、BlogPeopleへ登録いただき、光栄に思います。
yujiroさまのアドバイスが、どういう意味なのか、初心者なものでしばらく悩みましたが、やっと解決いたしました。本当にありがとうございました。
今後ともよろしくお願いいたします。
>由姫さん
こんばんは。
ご連絡ありがとうございます。
うまくできたようでよかったです。
また何かあった場合、説明の意味がどうしても分からない時は改めてご質問くださって結構ですよ(どの位のスキルの方か分からないので)。
ではでは!
maketree.jsは、JavaScriptからノードの追加+削除はできるのですか?
>sinhさん
こんばんは。
maketree.js では不要なテキストノードの削除を行っていますが、クロスブラウザ対処のための暗黙処理であり、明示的にノードを追加・削除するAPIは実装しておりません。
以上です。
それではよろしくお願い致します。
yujiroさんこんばんわ。
メールにてご返信ありがとうございます。
アドバイスいただいたとおり、やってみたのですがうまくいきません。
1.カテゴリーを削除すると削除したカテゴリーが
|_
にならず、
|
のままになっている。
キャッシュやクッキーを削除して確認しましたが直っていませんでした。
2.カテゴリー用のHTMLに
generateSubcategoryTree();
を記述しましたが、
音楽>アルバム配下のZの部分が
|_
|
のような感じになっています。何とか閉じたいと思っているのですが・・。
宜しく御願いします。
>Ash@VRSさん
こんばんは。
新しく設定されたすぐ上に、古い設定(下記の赤色部分)
: <script type="text/javascript"> <!-- generateNormalTree("categorieslist"); //--> </script> <script type="text/javascript"> <!-- generateSubcategoryTree(); //--> </script> :
の設定が残ってます。これは不要ですので削除してください。
それではよろしくお願い致します。
こんばんわ。たびたびすみません。
カテゴリーコードを修正したところ、表示できました!
ありがとうございます。
ちゃんと、説明を読まないと駄目ですね(^^;
また分からない点がありましたら、質問させていただくと思いますが、宜しくお願いします。
>Ash@VRSさん
こんばんは。
ご連絡ありがとうございます。
無事になおったようでよかったです。
また何かありましたらご連絡ください。
yujiroさん、こんにちは。
お世話になっています。
ツリー化スクリプト、以前から使わせていただいていますが、別の箇所のテンプレートをいじったところ、ツリーが表示されなくなってしまいました。
もう一度、1から手順を踏んで、やり直し、画像がアップできているか、ローカルパスにファイルがあるか、スクリプトのインクルード文は書いてあるか、スクリプトは挿入してあるか…などを確かめたのですが、どこが悪いのかわかりません。
アドバイスをいただけると嬉しいです。
>メリッサさん
こんにちは。
お世話になります。
ご質問の件ですが、各リストの div タグを入れ子にし、親の div タグに id 属性を設定しているため、ツリーが表示されないようです。
id 属性を下記のように、入れ子になっている div タグに移動してください。
<div class="side"> <div class="scr" id="entrylist">
上記はエントリーリストを例にしていますが、他のリストも同様の修正を行ってください。
それではよろしくお願い致します。
こんばんは。
ご回答ありがとうございます。
親ではなく、下に持ってこなくてはダメだったのですね。
移動したら、きれいにツリーが表示されるようになりました。
ありがとうございました。
スッキリしました!
>メリッサさん
こんばんは。
ご連絡ありがとうございます。
うまくできたようでよかったです。
ではでは!
こんにちは。レンタルブログをMTに乗り換えるべく、こちらのサイトを参考にさせていただいております。ツリー化をあれこれ試したのですが行き詰まってしまったので質問させていただきます。
コメントリストのツリー化はされたのですが、画像が表示されません。スクリプト、画像はちゃんと配置されていると思います。同様のコメントを参考にCSSをいじったりもしてみましたがダメでした。
ソースを見ると、ulやliにclass属性(tree、endなど)がついてないようなのですが、そのせいでしょうか。ちなみに、コメントリストはPHPでモジュール化しており、それをインクルードしているサイドバーPHPを、さらにメインページからインクルードしています。起動スクリプトはコメントリストに入れてあります。
StyleCatcherを利用してCSSをかなりいじっており、ulやliに別途classを定義してあったためか、そのままツリー化を試してもダメだったので、諦めて「?」記号を使っておりました。トラックバックリストはそちらで表示してあります。こちらもそれなりに気に入ってますので諦めた方が早い気もするのですが(笑)。
お忙しいところ恐縮ですが、ご指導いただければ幸いです。よろしくお願いいたします。
>のこのこさん
こんにちは。
ご利用ありがとうございます。
ご質問の件ですが、
1.拝見させて頂いたCSSの構成および設定上、画像は MI-prototype.css と同じディレクトリ(themes 配下)に配置する必要があると思われます。
または画像ファイルを任意の位置に配置して、ツリー表示プロパティの
background-image: url(tree_lst_solid.gif);
のファイル指定を http://? に変更しても良いと思います。
2.コメントリストのツリー化で定義リスト(ul - li)のマークアップが正しくありません(li の閉じタグが不足しています)ので再度ご確認ください。
3.定義リストの再帰(ul - li - ul - li …)についてはサブカテゴリーリストのみのサポートとなっています。
コメントリストを再帰表示したい場合は(サブカテゴリーリストのツリー化を行わないという前提で)、下記のように修正してください。
<h2 class="module-header">Recent Comments</h2> <div class="module-content" id="categories"> : (中略) : <script type="text/javascript"> <!-- generateSubcategoryTree(); //--> </script>
なお、ツリー化は JavaScript の DOM で制御しているので、ブラウザの「ソースの表示」で ul や li の class 属性を参照することはできません。
簡単に参照する方法としては、コメントリスト表示タグより後方に、
alert(document.getElementById("categories").innerHTML);
をscript タグで括っておけば見ることができます。
以上です。
それではよろしくお願い致します。
こんにちは。早速のご回答、ありがとうございました!
画像の配置を変更して、無事ツリー表示されました。また再帰表示を避けてタグを見直し、CSSの微調整も行って、思い通りの表示を得ることができました。class属性の参照法もご教授ありがとうございました。
もう一つ質問させて下さい。アーカイブリストのツリー表示を目論んだのですが、うまくいきませんでした。狙っているのは
2006年
?6月
?5月
?4月
2005年
?12月
のような表示なのですが、現状はご覧の通りです。再帰表示を避けて外側のul、liを外すと、年表示が出なくなってしまいます。初歩的なタグの問題でしたら申し訳ないのですが、よろしくお願いいたします。
>のこのこさん
こんばんは。
ご連絡ありがとうございました。
月別アーカイブリストについては別途確認し、エントリーさせてください(他の方の回答もいくつか溜まっているためすいませんが少々お時間頂きます)。
それではよろしくお願い致します。
いつもお世話になっております。ツリー化のカスタマイズをしたところ線が途切れま。スタイルシートのどの部分をどのように修正すれば解消されますでしょうか? 使用はFC2です。宜しくお願いします。
>panserさん
こんばんは。
同じご質問をサイドメニューのツリー化スクリプト for FC2 ブログにも頂いているので、そちらで回答します。
はじめまして。
テンプレレート利用させていただいており、日々楽しく手入れをしております。
さて、サイドメニューリストのツリー、無事に現れたのですが、ツリー上端とメニュータイトルとの間がすごく空いてしまっています。スタイルシート見たのですが、どう直したらいいのかわかりません。
お忙しいとは思いますが、教えていただけますか?宜しくお願いします。
>OnoPさん
はじめまして。
テンプレートご利用ありがとうございます。
ご質問の件ですが、テンプレートのカテゴリーリスト部分にある
<!-- 全カテゴリー用 : (略) : 全カテゴリー用 -->
をごっそり削除してください。この部分は表示されませんがスタイルに反映されてしまっているようです。
あと勝手ながら BlogPeole に登録させて頂きました。
それではよろしくお願い致します。
すごい、なおりました!
ありがとうございました。
>OnoPさん
こんばんは。
ご連絡ありがとうございます。
無事に直ったようでなによりです。
ではでは!
マタマタお世話になります。
以前MT3.2でお世話になり上手く行っていましたが、何故だか・・?何だか素人が触りすぎて・・。
そこで新たにMT3.3と言う物を入れました。
サブカテゴリーのツリー化で・・。
サブカテゴリーのツリー化は出来ましたが?ツリーの中に記事のタイトルが入ります・・・が?是では記事を書くたびにツリーが増えて行きそうですが・・・?
タイトルの出ない方法などありましたらご教授を・・。
(尚MT3.2では問題なかったように思いますが?記事が少なくて覚えが有りません。)
すみません!追記で・・。
管理画面のエントリーでは
手作りケーキ:4記事
コンナ趣味、:1記事
MT関係:3記事
:
:
に成っています。
是が其のまま全てツリーになります。
>yamanojiiさん
こんばんは。
ご質問の件ですが、ご使用になっているサブカテゴリーリストのタグを、本コメント欄に入力して送信してください(コメントに < や > が含まれていると正常に表示されませんが、こちらで後程修正します)。
それではよろしくお願い致します。
早速のコメント有難うございます。
<!-- カテゴリーリスト開始 -->
<div class="sidetitle">
Categories
</div>
<!-- サブカテゴリー用 -->
<div class="side">
<div id="categories">
<MTSubCategories>
<MTSubCatIsFirst><ul></MTSubCatIsFirst>
<MTIfNonZero tag="MTCategoryCount">
<li><a href="<$MTCategoryArchiveLink$>" title="<$MTCategoryDescription$>"><MTCategoryLabel></a> []
<MTEntries>
<MTEntriesHeader><ul></MTEntriesHeader><li><MTEntryTitle></li>
<MTEntriesFooter></ul></MTEntriesFooter>
</MTEntries>
<MTElse>
<li><MTCategoryLabel>
</MTElse>
</MTIfNonZero>
<MTSubCatsRecurse max_depth="3">
</li>
<MTSubCatIsLast></ul></MTSubCatIsLast>
</MTSubCategories>
</div>
</div>
<script type="text/javascript">
<!--
generateSubcategoryTree();
//-->
</script>
<!-- サブカテゴリー用 -->
<!-- カテゴリーリスト終了 -->
このように成っています(<)(>)は全角で書いています。
※(最初は手打ちで遣っていましたが間違いが起きそうなので失礼します)、何か一括変換みたいな物は無いのでしょうか?
済みません!自己解決しました?。タグを良く見れば削除の部分がありました。
<MTEntries>
<MTEntriesHeader><ul></MTEntriesHeader><li><MTEntryTitle></li>
<MTEntriesFooter></ul></MTEntriesFooter>
</MTEntries>
コノ部分ですが・・・?今は表示されています。
※全角記入です。
>yamanojiiさん
こんばんは。
はい、確かにその部分が冗長のようですので、削除してください。
それではよろしくお願い致します。
初めまして。MTをはじめたばかりで、最初の
カスタマイズとして、ツリー化の挑戦してみました。
とてもわかりやすくて助かりました。
ありがとうございました。(*^-^)
>もみぃさん
はじめまして。
テンプレート&カスタマイズご利用ありがとうございます。
うまくできたようで良かったです。
あと勝手ながらBlogPeopleに登録させて頂きました。
それでは今後ともどうぞよろしくお願い致します。
ごんにちは、
いつもお世話になっております。
maketreeの聞きたい事があります、
var closeMarkForSubCategories = '─';
ここで記号じゃなくてimgを読み付けるしたいですけどjsはまだ下手ですので、、今のjsのscripterはできないですか?
>park eunjuさん
こんばんは。
お世話になります。
ご質問の件(menufolder.jsですね)につきましては、スクリプトを改修して改めてエントリー致しますので少々お時間ください。
それではよろしくお願い致します。
はじめまして!
ツリー化を参考にさせて頂きましたが、
うまく表記されません。
└A
└B
(Bがサブカテゴリーです。)
となってしまいます。
└A
└B
となるには、どこを修正したらいいでしょうか。
アドバイスよろしくお願い致します。
(テンプレートもお借りしましたが、
まだ制作途中なので、ご報告は終了後にさせて頂くつもりでした。)
>krさん
こんにちは。
ご質問の件ですが、まずは「カテゴリーリストをサブカテゴリー表示に切り替える」を実施してください。
またツリー化につきましては、本エントリーより簡単にできる「JavaScript 不要なサイドメニューのツリー化 for Movable Type」がありますので、そちらをお勧めします。
それではよろしくお願い致します。
>yujiroさん、
早速のアドバイス、ありがとうございました!
JavaScript不要のツリー化で試してみたら、
無事、成功しました。
まだブログは制作途中ですが、
これからもカスタマイズの参考にさせて頂きます。
>krさん
こんばんは。
ご連絡ありがとうございました。
無事に表示されてよかったです。
ではでは!
こんにちは。休日表示カレンダー&エントリ経過日数を無事設定しました。
ツリー化を目指して設定してみたのですが、終端が表示されません。
http://hyouhyou.com/bp/tree_end_solid.gif
http://hyouhyou.com/bp/maketree.js
いずれも動作しているようです。
コメント欄も読んでみましたが、わからず書き込んでしまいました。
よろしくご指導のほどお願いします。
maketree.js インクルード文挿入とjavascriptの設定で終端も正しく表示することができました。お騒がせしました。
>飄々さん
こんにちは。
ご連絡ありがとうございました。
自己解決されたようでよかったです。
ではでは!
yujiroさん、はじめまして。
いつも勉強させていただいてます。
質問したいことがあるのですがよろしいでしょうか?
カテゴリのツリー化には成功したんですが
各カテゴリー名などの文字の大きさを変更したいと思ってます。
その場合、
どの部分をカスタマイズすれば良いのでしょうか?
よろしくお願いいたします。
>西さん
こんばんは。
ご質問の件ですが、スタイルシートの下記の赤色部分を削除、または値を変更してください。
ul.tree {
margin: 0!important;
padding: 0!important;
font-size: 9px;
list-style: none!important;
}
フォントサイズを指定する場合、px 指定にすると、IE6で文字サイズ変更ができないので、%指定をお勧めします。
それではよろしくお願い致します。
yujiroさま
すいません。教えてください。
最近、MT3からMT4にバージョンアップしましたら、カテゴリーとサブカテゴリーのツリーの終端が閉じません(途中に表示されるものと同じものが表示されます)
当ページの回答として
A:サブカテゴリーのツリー化で generateSubcategoryTree(); が使われていない可能性があります。言い換えると、サブカテゴリーのツリー化で generateNormalTree("?") を使うと質問の症状になります。
とありますが、私のサイトの場合下記の記述となっております。
どこを修正すればいいのでしょうか。ご教授頂ければありがたく存じます。
<!-- カテゴリーリスト開始 -->
<MTIfArchiveTypeEnabled archive_type="Category">
<dt class="sidetitle">
カテゴリー</dt>
<!-- ツリー表示用 -->
<dd class="side">
<div id="categories">
<MTTopLevelCategories>
<MTSubCatIsFirst><MTHasParentCategory><div id="subcategories<MTParentCategory><$MTCategoryID$></MTParentCategory>list"></MTHasParentCategory><ul></MTSubCatIsFirst>
<MTIfNonZero tag="MTCategoryCount">
<li><MTHasSubCategories><div class="subcategories" id="subcategories<$MTCategoryID$>name"></MTHasSubCategories><a href="<$MTCategoryArchiveLink$>" title="<$MTCategoryDescription$>"><MTCategoryLabel pmhc=""></a> [<$MTCategoryCount$>] <MTHasSubCategories></div></MTHasSubCategories>
<MTElse>
<li><MTHasSubCategories><div class="subcategories" id="subcategories<$MTCategoryID$>name"></MTHasSubCategories><MTCategoryLabel pmhc=""> <MTHasSubCategories></div></MTHasSubCategories>
</MTElse>
</MTIfNonZero>
<MTSubCatsRecurse>
</li>
<MTSubCatIsLast></ul><MTHasParentCategory></div></MTHasParentCategory></MTSubCatIsLast>
</MTTopLevelCategories>
<script type="text/javascript">
<!--
generateSubcategoryTree();
//-->
</script>
<script type="text/javascript">
<!--
<MTTopLevelCategories>
<MTHasSubCategories>FoldNavigation('subcategories<$MTCategoryID$>','off',false);</MTHasSubCategories><MTHasSubCategories></MTHasSubCategories>
<MTSubCatsRecurse>
</MTTopLevelCategories>
//-->
</script>
</div>
</dd>
<!--ツリー表示 -->
</MTIfArchiveTypeEnabled>
<!-- カテゴリーリスト終了 -->
yujiroさま
お世話になります。
昨日お問い合わせさせていただいた件ですが、yujiroさんの「JavaScript 不要なサイドメニューのツリー化 for Movable Type」と「サブカテゴリーリストの折りたたみ+ツリー化 for Movable Type」を参考に解決しました。
原因の詳細はわかりませんが、私の場合、JavaScriptを必要とする前のやり方で構築していたので、どこかにひっかかりがあったようです。
いずれにしましても昨日記載した中身をそっくり、
<!-- カテゴリーリスト開始 -->
<MTIfArchiveTypeEnabled archive_type="Category">
<dt class="sidetitle">
カテゴリー
</dt>
<!-- ツリー表示用 -->
<dd class="side">
<div id="categories">
<MTTopLevelCategories>
<MTSubCatIsFirst><MTHasParentCategory><div id="subcategories<MTParentCategory><$MTCategoryID$></MTParentCategory>list"></MTHasParentCategory><ul class="tree"></MTSubCatIsFirst>
<MTIfNonZero tag="MTCategoryCount">
<li class="tree<MTSubCatIsLast>_end</MTSubCatIsLast>"><MTHasSubCategories><div class="subcategories" id="subcategories<$MTCategoryID$>name"></MTHasSubCategories><a href="<$MTCategoryArchiveLink$>" title="<$MTCategoryID$>"><MTCategoryLabel pmhc=""></a> [<$MTCategoryCount$>]<MTHasSubCategories></div></MTHasSubCategories>
<MTElse>
<li class="tree<MTSubCatIsLast>_end</MTSubCatIsLast>"><MTHasSubCategories><div class="subcategories" id="subcategories<$MTCategoryID$>name"></MTHasSubCategories><MTCategoryLabel pmhc=""><MTHasSubCategories></div></MTHasSubCategories>
</MTElse>
</MTIfNonZero>
<MTSubCatsRecurse max_depth="3">
</li>
<MTSubCatIsLast></ul><MTHasParentCategory></div></MTHasParentCategory></MTSubCatIsLast>
</MTTopLevelCategories>
<script type="text/javascript">
<!--
<MTTopLevelCategories>
<MTHasSubCategories>FoldNavigation('subcategories<$MTCategoryID$>','initState',false);</MTHasSubCategories><MTHasSubCategories></MTHasSubCategories>
<MTSubCatsRecurse>
</MTTopLevelCategories>
//-->
</script>
</div>
</dd>
</MTIfArchiveTypeEnabled>
<!-- カテゴリーリスト終了 -->
にしたところ、ツリーの終端が閉じ、かつ折りたたみもできて、うまくいきました。
ありがとうございます。
>大豆生田実さん
こんばんは。
ご質問の件、自己解決されたようで良かったです。
またなにかございましたらご連絡ください。
ではでは!
こんにちは。
MT3.35でコメントの「ツリー化」、「new表示」、「経過日数表示」をしたのですが、コメント投稿表示数一杯になると、古いものから削除されるところまではいいのですが、投稿記事に新着コメントを送信してもサイドバーのコメントには全然関係ない
投稿記事(最終記事にぶら下がる)にツリー表示されます。
このような場合、どのように対処すればよろしいでしょうか。
お忙しいところ大変恐縮ですが、ご教示くださるようお願い申し上げます。
>飄々さん
こんにちは。
ご返事遅くなりすいません。
ご質問の件ですが、事象が発生しているページのURLをご連絡頂けますでしょうか。
それではよろしくお願い致します。
お忙しいところ申し訳ありません。
ツリー化のことでご相談したのですが、なぜかMT4.1を新規にインストールしたところ、問題なく動作しました。
しかし、最近のエントリーや最近のコメントなどで、new表示は必ず表示されるのですが、経過日数は設定日だけ表示されて以来、現在では経過日数の表示が出ません。
違う方向での質問になりましたが、ご教示くださると助かります。
よろしくお願い申し上げます。
なお、サイトのurlは次のとおりです。
http://hyouhyou.com/
>飄々(ひょうひょう)さん
こんにちは。
ご返事遅くなり申し訳ありません。
先ほど確認したところ、正常に表示されているようですので、不具合が残っているでしたら再度ご連絡ください。
それではよろしくお願い致します。
こんばんは。
カテゴリーアーカイブをツリー化していますが、IE7で確認したところツリーで表示はされているのですが、リンクされていない状態となっていました。
対処方法とかはありますか?
御手数お掛け致します。
書き込むエントリーを間違えていたようです。
JavaScript不要なサイドメニューのツリー化dorMovable Typeの方に書かなくてはいけないものを、こちらに書き込みしていました。すいません。
>hisatakaさん
こんにちは。
ご返事遅くなって申し訳ありません。
ご質問の件、自己解決されたようでよかったです。
ではでは!