ウェブアラカルト

オンラインゲームやサイト製作・好きなこと・ニュース等から気になった一品をテーマに。

« | 2008-07 | »
日	月	火	水	木	金	土
-	-	1	2	3	4	5
6	7	8	9	10	11	12
13	14	15	16	17	18	19
20	21	22	23	24	25	26
27	28	29	30	31	-	-

オンラインゲームのファンサイトやプレイ日記のブログ、ネット対応ゲーム関連サイトをお持ちの方。私の運営するオンラインゲームファンサイト検索エンジンに登録して下さると嬉しいです♪
-> ネトゲブックマーク

カテゴリツリー化 2006-01-20

ワンダと巨像と土と空さんで見つけた記事を参考にブログのカテゴリをツリー化してみましたー。
(記事は、ワンダと巨像と土と空さんの「カテゴリ->ブログ->カスタマイズ」の順に追っていけば見つけられるかと)

ツリーってのは何かというと、関連あるものを纏めて木構造にして表示するって物。
↓みたいな感じ

テレビ
　|- ドラマ
　|- ニュース
　|- バラエティ
　|- スポーツ
　∟ アニメ

実際に表示される物はちょっと違うけど、概念的には上の様なもののことをツリーって言います。(実物は左にあるカテゴリや、ワンダと巨像と土と空さんのカテゴリ部分をご覧下さいー)

で、作業してみたら30分ほどでうまく表示されるようになったのでその報告をばー。

私の使用しているテンプレートはsample(カスタマイズ用)を自分で改良した物。
ただ、カテゴリーの所はほぼsampleのままだったので、sampleのカテゴリー部分を変えてない人なら問題なくうまくいくはず。

具体的な手順はワンダと巨像と土と空さんの記事を見ながらやればＯＫ。
きちんと隅々まで読みましょうね＾＾

ちなみに、私は一部分だけちょっと変えてみました。
それは、javascriptソースをHTMLテンプレートには書かなかったということ。

HTMLやjavascriptに触ったことがある人ならすぐにピンと来るかと思いますが、単に外部javascriptファイルを読み込むというのを使っただけです。

簡単に手順を紹介。(注：FC2ブログ用ですー)
(1)ワンダと巨像と土と空さんの記事通りやって、きちんとカテゴリがツリー表示になったことを確認する。

(2)HTMLテンプレートに追加した

<script type="text/javascript">～</script>

の部分を、テキストエディタにコピー＆ペーストする。

(3)その中の最初にある

<script type="text/javascript">
<!--

と
最後にある

// -->
</script>

を削除する。

(4)ファイルに半角アルファベットで名前をつけて保存する。
名前の拡張子( .より後)はjsにすること！
(例)tree.js
その時、文字コードを「EUC-JP」、改行コードを「LF」にしておく。

(5)そのファイルをFC2ブログの管理ツール「ファイルアップロード」でアップロードする。

(6)HTMLテンプレートのさっきコピーした部分

<script type="text/javascript">～</script>

を削除する。

(7)6で削除した位置に以下のソースをコピー＆ペーストする。

<script language="JavaScript" src="(5)でアップロードしたjavascriptファイルのあるURL"></script>

(5)でアップロードしたjavascriptファイルのあるURLの部分には、管理ツール「ファイルアップロード」にある先ほどアップロードしたファイルの所の「表示」を右クリックすると表示されるメニューの「ショートカットをコピー」をクリック。
そうするとそのファイルのURLがコピーされるので、それを貼り付ければOK。

(8)HTMLテンプレートを保存して、うまくツリー表示が出来ていることを確認する。

こんな感じです。
私的には、HTMLと長いjavascriptは分けた方がいいと感じたので、今回別ファイルにしてみました。

皆さんも色々試しつつ、頑張ってみてくださいー。

おひさしぶりですｖ

klericさん、お久しぶりです。TGSでお世話になったNICOです（＾＾）
本文リンクありがとうございますm(_ _)m
未だにHTMLとかJavaとかちんぷんかんぷんなのですが、なるほど外部からJavaを読み込むようにすればテンプレートHTMLがごっちゃにならなくていいですね～（゜∀゜）
いや～、さすがです！
そうそう、実はklericさんがブログを始められたこと知りませんでした！（ｽﾐﾏｾﾝｯ）
これから過去の記事なんかも読ませていただこうと思ってます★