FC2ブログ

初心者アフェリエイトで海外進出記

アフェリエイト・アフリエイト・アフリエイト・・・初心者のための稼ぐブログの作り方を公開
Home
 


2万社以上の実績があるSEO対策サービス 広告貼るだけ2000円
ホームページ売上向上ドットコム
 

アフィリエイトの比較表を見る

スポンサーサイト

--.--.--
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
   

カテゴリーのツリー化

2006.11.21
カテゴリーのツリー化をする

 FC2ブログに対応のやり方です。
 左サイドバーにあるような、 カテゴリーをさらに、分類ごとに区切って見やすくする方法です。
この方法を使うと初めて来た人も、情報を探しやすく、
昔の記事も埋もれにくくなります! とっても便利なのでオススメですよ

● 方法 ●

 まず、テンプレートの設定からHTMLを編集します。
(HTMLを編集する前に、メモ帳にソースをコピーして保存しておくことをおすすめします。間違えると大変なので)

 管理画面の環境設定→「テンプレートの設定」を開き、
現在設定しているテンプレート(旗のマークがついている)の「編集」を選択。  
HTMLの編集で一番下から2番目にある、 </body>の手前に以下の内容を挿入してください。

<!--ツリー化スクリプトここから-->
<script type="text/javascript">
<!--
function makeTreeElements (idName,objList) {
if (!objList.innerHTML) return;
var objLink = objList.getElementsByTagName('a')[0];
var linkUrl = objLink.getAttribute('href');
if (idName.indexOf('comment') > -1 || idName.indexOf('tb') > -1) {
var tmpText = objList.innerHTML.split("⇒");
tmpText[0] = tmpText[0].slice(0,tmpText[0].search(/<BR/i));
this.base = Array('<a href="',linkUrl,'">',tmpText[0],'</a>').join(''); _fcksavedurl=""',linkUrl,'">',tmpText[0],'</a>').join('');"
this.elem = objLink.innerHTML;
} else if (idName.indexOf('entry') > -1) {
var tmpText = objList.innerHTML;
tmpText.match(/¥((¥d¥d¥/¥d¥d)¥)/);
this.base = Array('<strong>',RegExp.$1,'</strong>').join('');
this.elem = Array('<a href="',linkUrl,'">',objLink.innerHTML,'</a>').join('');
} else if (idName.indexOf('link') > -1) {
var tmpText = objList.innerHTML;
if ( tmpText.match(/¥[(.+)¥](.+)/) ) {
this.base = Array('<strong>',RegExp.$1,'</strong>').join('');
this.elem = Array('<a href="',linkUrl,'" target="_blank">',RegExp.$2,'</a>').join('');
}
} else if (idName.indexOf('category') > -1) {
var tmpText = objList.innerHTML;
if ( tmpText.match(/¥[(.+)¥](.+)/) ) {
this.base = Array('<strong>',RegExp.$1,'</strong>').join('');
this.elem = Array('<a href="',linkUrl,'">',RegExp.$2).join('');
}
} else if (idName.indexOf('archive') > -1) {
var tmpText = objList.innerHTML;
tmpText.match(/¥((¥d+)¥)/);
var tmpCnt = Array(' (', RegExp.$1, ')').join('');
tmpText = objLink.innerHTML;
tmpText.match(/(.+) (¥d+)/);
this.base = Array('<strong>',RegExp.$2,'</strong>').join('');
this.elem = Array('<a href="',linkUrl,'">',RegExp.$1,'</a>', tmpCnt).join('');
}
return this;
}
function createTreeList(idName,option) { // version 2.2
var objFocus = this.document.getElementById(idName);
if (!objFocus) return;
if (!objFocus.innerHTML) return;
var objLists = objFocus.getElementsByTagName('li');
var linkList = new Array();
var outText = new Array();
if (objLists.length > 0) {
for (i=0;i<objLists.length;i++) {
var chckFlag = true;
var elemText = new makeTreeElements(idName,objLists[i]);
if (!elemText.base || !elemText.elem) return;
for (j=0;j<linkList.length;j++) {
if ( linkList[j].base.indexOf(elemText.base) > -1 ) {
chckFlag = false;
linkList[j][linkList[j].length] = elemText.elem;
}
}
if (chckFlag) {
var tmpNum = linkList.length;
linkList[tmpNum] = new Array();
linkList[tmpNum][0] = elemText.elem;
linkList[tmpNum].base = elemText.base;
}
}
if (linkList.length > 0) {
outText[outText.length] = '<ul>¥n';
for (i=0;i<linkList.length;i++) {
outText[outText.length] = Array('<li>',linkList[i].base,option.top).join('');
if (linkList[i].length > 0 && option.sort) linkList[i].reverse();
for (j=0;j<linkList[i].length;j++) {
outText[outText.length] = (j == linkList[i].length - 1) ? option.end : option.list;
outText[outText.length] = Array(linkList[i][j],option.leef).join('');
}
outText[outText.length] = Array(option.btm,'</li>').join('');
}
outText[outText.length] = '</ul>¥n';
objFocus.innerHTML = outText.join('');
}
}
}
var gTreeOption = new Array;
gTreeOption['sort'] = false; /* ツリー内の表示順 true:並び替える false:そのまま */
gTreeOption['list'] = '├ '; /* ツリー用マーク(通常) */
gTreeOption['end'] = '└ '; /* ツリー用マーク(末端) */
gTreeOption['leef'] = '<br />¥n'; /* 各枝の末尾 */
gTreeOption['top'] = '<br />¥n'; /* ツリー本体の最初 */
gTreeOption['btm'] = ''; /* ツリー本体の最後 */
createTreeList('newentrylist',gTreeOption); // 最新エントリリストのツリー化
createTreeList('entrylist',gTreeOption); // エントリリストのツリー化
createTreeList('commentlist',gTreeOption); // 最新コメントリストのツリー化
createTreeList('tblist',gTreeOption); // 最新トラックバックリストのツリー化
createTreeList('linklist',gTreeOption); // リンクリストのツリー化
createTreeList('categorylist',gTreeOption); // カテゴリリストのツリー化
// -->
</script>
<!--ツリー化スクリプトここまで-->



 
 プラグインのHTMLを変更します!

管理画面の環境設定の中にある「プラグインの設定」から 「HTMLの編集」で
いままでのソースを削除して、新しいHTMLをコピーして貼り付けてください。
(これもコピーして保存しておくことをおすすめします。)

<div id="categorylist">
<ul>
<!--category-->
<li><a href="<%category_link>"><%category_name>(<%category_count>)</a></li>
<!--/category-->
</ul>
</div>


 カテゴリーの名前を変更します。

カテゴリーの名前を下のような形にすることによって、 ツリーの見出しを作ることができます。

 [見出し]カテゴリーの名前

 管理画面の「カテゴリーの編集」で名前を変更してください。
※注意  [ ] は必ず半角で!  
一つでも見出しがついていない形のものがあると、
 ツリー化しないので気をつけてください!


わからないことがあったらコメントください~☆

 ちなみに、私の場合は、カテゴリーの位置を2番目とかにするとうまく働かなかったりしました。
テンプレートにもよるのかな。。。?

クリック広告 
byTraffic Gate

 (7円)(4円) (4円)


スポンサーサイト

Comment

こんばんわ^^ - かずぴ~

ツリー化は、結構すっきりしていいですよね^^
サイトマップとしても使えますしね。
ワタクシも、記事にしてたんですが
途中で・・・・
消えちゃいました(涙)
結構大変だったので、ついつい先延ばしに(ォィォィ
今度、頑張って書こうっと♪

ぽつっとなw
2006.11.25 Sat 21:37 URL [ Edit ]

- あつ

コンバンワデス☆
アドセンス&ランキングできましたっ!!!
へたくそですけど・・・
ほんとにありがとさまでしたぁ~~~♪
ぜひぜひ見てくださいっ!
ありがとございます♪♪♪
2006.11.23 Thu 23:31 URL [ Edit ]

こんにちは - ままごん♪

私も先日ツリー化してみました。
大変だったけどサイトがすっきりして
お気に入りです♪いいですよね~!!凸
2006.11.23 Thu 16:38 URL [ Edit ]

- ぶぅちゃん

こんにちは♪

昨日はコピペになってしまいすいませんヾ(TωT。)

私、ツリー化するのに一週間ぐらいかかりましたよ。。。
どこ調べても載ってなくて、
色々なテンプレ探したり、プラグインを入れたり。
完成しても見たらぐちゃぐちゃだったり(笑

治験の入院って報酬凄そうですね!
独身だったら行くのに( ;∀;)

では(*゚▽゚)ノ 凸ポチン
2006.11.23 Thu 15:32 URL [ Edit ]

とりあえず - おバカなオヤジサーファー、アフ

ありがとうございます。
何かあれば、すがりますので
よろしくです~。
応援をばポチッ”
2006.11.23 Thu 15:19 URL [ Edit ]

- kou

私は以前ブログラマーしてましたが、
この英文は分からないですね。
HTML言語調べるために各所を回りましたが、
なかなか理解できず。
実は表すら作れません。HTML解説してるサイトを探さねば。
こういう記事紹介はとてもいいと思います。
応援しまーす。
2006.11.23 Thu 09:25 URL [ Edit ]

管理人のみ閲覧できます -

このコメントは管理人のみ閲覧できます
2006.11.22 Wed 22:17 [ Edit ]

- ブログ・アフィリエイト体験記 pooor

ツリー化、私もブログ始めた当初、挑戦しました。

開閉のところでつまづいてそのままあきらめました(^^;

最近は、ツリー化(開閉有り)したテンプレートもあって便利になりましたね。

ツリー化が出てた時、テンプレートの相性で、うまくいかないものもあるって話になってたので、2番目に作成するとうまくいかないのもそのせいかもしれませんね。
2006.11.22 Wed 22:01 URL [ Edit ]

- mary*

お久しぶりです!

FC2いいですねー:*・゚(●´∀`●):*・゚
私も乗り換えたいんですけど、今更遅いですかねぇ(゚Д゚)
Seesaaすっごく重くて困ってます。
それに文字化けが多いんですよね(´・ω・`)

2006.11.22 Wed 21:17 URL [ Edit ]

こんばんは! - しげ

カテゴリーのツリー化ですか~!
確かに、こうするとわかりやすくていいですよね♪
私も、失敗覚悟で挑戦してみようか・・・。(笑)
HTMLをいじるときって、かなり気合を入れてかからないと出来ないです。
前に、失敗して真っ白になってしまったこともありましたよ~!
(σ゚∇゚)σ
2006.11.22 Wed 20:35 URL [ Edit ]

どうもです~ - おバカなオヤジサーファー、アフェリに挑戦!

どうも~。
おバカなオヤジサーファーのSAKIです。

僕の別のブログFC2なんですけど、
ツリー化のHTMLタグいれたんですけど、
変わんないんですよね。

いろいろありがとうございました。ぺこり!

応援です。ポチッ、ポチッ!!
2006.11.22 Wed 18:27 URL [ Edit ]

こんにちわー^^ - キサラギ

超超初心者のキサラギで~すw

みっかぼうずママのページから来ました!

すっご情報量あるページですねぇ。すごいすごい!! 

しかも憧れのツリー化(^^♪

いいですねぇ。勉強させてもらいますねφ(..)メモメモ

これからもちょくちょくお邪魔しますねぇ^^

応援ポチポチしていきますね~ww
2006.11.22 Wed 16:25 URL [ Edit ]

待ってました! - みっか

ツリー化記事待ってました!!
早速これから挑戦します。
「fc2ブログの歩き方」でやってみたんですけど、
うまくできなくて挫折中でした。
ありがとうございます♪

あと、HP売上アップの件、
教えてくださってありがとうございます。
記事にして、申請した時気がつきました。
でも、直すの面倒だからいいや♪って

応援ぽちぽち☆
2006.11.22 Wed 14:16 URL [ Edit ]

ヾ(@⌒ー⌒@)ノおはよう - えっへん

ヽ(゚口゚ヽ;)うっ・・・・・
カテゴリーをツリー化したいと思ってたけど、いきなり挫折…。
ミッヒしゃん、♪⌒ヽ(*゚O゚)ノ スゴイッ!!
また気が向いたら挑戦してみます(;´▽`A``
ではあちこち(*・・)σ【】ぽちっとな♪

2006.11.22 Wed 11:17 URL [ Edit ]

こんばんは - イマラ

う、凄いワケの分からん文字の羅列。
でも、ツリー化って凄く便利そうですね。
今度ヒマな時にでも・・・。
では、応援です。
2006.11.22 Wed 01:39 URL [ Edit ]

初めまして - ラグア

先日は私のブログにコメ下さってありがとうございました!

FC2ブログは別に利用しているので
是非参考にさせて頂きたいと思います!
ありがとうございます^^*
2006.11.21 Tue 23:49 URL [ Edit ]

- まろん

fc2は、自作プラグインの公開とかもあって、
カスタマイズが便利ですよね。
素直にfc2にすればよかったです(^^ゞ
2006.11.21 Tue 20:24 URL [ Edit ]

応援よろしくおねがいします
FC2ランキング  人気ランキング   ランQ  ブログの惑星   JRANK



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

TrackBack

TrackBackURL
→ http://nanamihhi.blog50.fc2.com/tb.php/105-88da2ce1
Template by まるぼろらいと

Copyright ©初心者アフェリエイトで海外進出記 All Rights Reserved.
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。