金儲けの内職 在宅ワークの手作業で内職収入以上の金儲けを目指せ!美容健康等の通販も充実。ブログのカスタマイズも紹介、ブログ表紙作成法は必見!
   TOP(目次)ページ/ 最新ページへGo! / お気に入りに追加 / 当ブログをスタートページ設定OK

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
そして応援クリックありがとうninkirankingbanner_04.gif blogrankingbanner2.gif shukanblogranking.gif
【--/--/-- --:-- 】 pagetop
| スポンサー広告 |

カテゴリーのツリー化

当ブログではサイドメニューツリー化を紹介してます。
まず、最初にカテゴリーのツリー化を紹介しさせて頂きます。
コピー&ベーストでできるので簡単にできますよ。
では、下記をご覧下さい。
そして応援クリックありがとう
ninkirankingbanner_04.gif blogrankingbanner2.gif shukanblogranking.gif

ブ ログ・カスタマイズMap
カテゴリーのツリー化        ツリー化手順編  スクリプト編  
recent commentsのツリー化       ツリー化手順編
recent trackbacksのツリー化       ツリー化手順編
recent entriesのツリー化         ツリー化手順編
リンクのツリー 化                ツリー化手順編


New index(表紙)ページの作成法     手順説明編  
New index(表 紙)ページの成法            作成編
New index(表 紙)ページの作成法     画像入り作成編
Newindex (表紙)ページの作成法   ポイント・目次作成法   


(こちらはスクリプトを挿入する作成法です。廃盤か

index (表紙)ページの作成法         手順説明編
お気に入り追加タグ           お気に入り追加タグ作成編
スタートページ 設定タグ        スタートページ設定タグ作成編


こんにちは、当サイト管理人のスパークです。
ブログのカスタマイズ化の一つカテゴリーのツリー化の説明致します。
カテゴリーのツリー化は、
takkyunさんのサイトJUGEMカスタマイズ講座、豆じろーさんのサイトまめの一言(JUGEM出張所)やNICOさんのサイトワンダと巨像と土と空からの引用です。
NICOさんでは、
最新エントリのツリー化手順」も有りますので、ご参考下さい。
ブログといっても当方が確認したのはFC2・ブログに限定され、
そのテンプレートも
作動確認済みテンプレート

公式:black/blue/grave-bear/gray/yellow/

共有:cork_board/cute flower/
kumo/ohirune2/Simple3/

私どもでも他に[ candy ][ sofa ]のテンプレートにおいて
ツリー化の確認が出来ております。



■ カテゴリーのツリー化  HTMLの編集 

さて、カテゴリーのツリー化ですが、 テンプレートを選び、

サイドメニューのテンプレートの設定をクリックする。
blog1.jpg




編集の修正をクリックします。
blog2.jpg



HTMLの編集(あなたの選んだテンプレート名)を編集しています。」 より下記の操作をしていきます。 スクロールを下に下げていきます。
blog3.jpg




下記のHTMLタグがあるかと思います。
<h2>category</h2>
<ul>
<!--category--><li><a href="<%category_link>" title="<%category_name>"><%category_name>
(<%category_count>)
</a></li><!--/category-->
</ul>




それをそのまま下記のタグに修正します。
コピー&ペーストで構いません。
<h2>category</h2>
<div id="categorylist">
<ul>
<!--category--><li><a href="<%category_link>"> <%category_name>
(<%category_count>)
</a></li><!--/category-->
</ul>
</div>


出来ましたか?あともう一歩です。
スクリプト本体を加えます。</body>の直前にJavaScriptを挿入します。

スクリプト本体は、別ページへjump! (クリック)



スクリプト本体を挿入できましたか?それでは、 
HTMLの編集(あなたの選んだテンプレート名)を編集しています。」の
更新をクリックします。
blog5.jpg




これでHTMLの編集は完了しました。
次は、カテゴリーの記述方法です。



■ カテゴリーのツリー化  カテゴリーの編集 



サイドメニューのカテゴリーの編集をクリックします。
blog6.jpg





■ 重要 半角[ ]で囲む



カテゴリーの編集を行っていきます。

未分類は削除できないかと思いますので、
未分類の修正をクリックします。
blog7.jpg




新たにカテゴリー名を修正します。

例えば
[学校生活]勉強、[学校生活]友人、[学校生活]部活等と
追加していきます。
重要な事として

カテゴリー名を半角[ ]で囲み、

[カテゴリー名]サブカテゴリー名と追加していきます。
これは、コピー&ペーストでなく手打ちで半角で囲んだ方が良いかも?
上手くツリー化できないのは
[ ]を半角で打ち込んでない場合が多いようです。


これでカテゴリーのツリー化が出来るはずです。
あなたのブログもツリー化できましたら、そのテンプレート名と共にお知らせ頂けますと参考になります。

ブログのカスタマイズ化
お役に立てたのなら、俺も嬉しい。

ここで、頼みがある。もし、アフィリエイターを目指すのなら下記より各アフィリエイト・サイトへの登録をして頂けると嬉しい限りだ。
広告収入で稼ぐ(クリック)
また高額紹介報酬などで稼げるサイトをピックアップしているぞ!
絶対得するサイト!(クリック)



スポンサーサイト
そして応援クリックありがとうninkirankingbanner_04.gif blogrankingbanner2.gif shukanblogranking.gif
【2007/03/18 17:20 】 pagetop
| [ブログ]カスタマイズ | コメント(0) | トラックバック(0) |
<<ルイ ヴィトン通販 | TOP・目次 | recent commentsのツリー化>>
コメント
コメントの投稿











管理者にだけ表示を許可する

トラックバック
トラックバックURL
http://spark123.blog6.fc2.com/tb.php/25-a201161a

| TOP・目次 |
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。