[カスタマイズ]ブログ・カスタマイズ

プラグインのカテゴリーリストをツリー化する方法ですｗ

はじめに言っておきますが、
かなり、面倒です（笑）
途中で嫌になるかも知れません。

ワタクシのこのブログもやってます。
見てみていいなと思ったらやってみてはどうですか？？？

まず一番初めにやること

そう、いつものようにメモ帳にバックアップを取っておきましょう。
次に
管理画面の環境設定→「テンプレートの設定」を開いて、
現在設定しているテンプレート（旗のマークがついている）の「編集」を選択。 　
HTMLの編集で下のほうにある、の手前に以下の内容を挿入してください。


(１）
----ここからのタグをコピペ----

<!--▼ツリー化スクリプト-->
<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('');
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を全部消して下のタグをコピペして入れます。

-----------------------

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

-------------------------

さてコレからが面倒くさいところです（笑）

（３）
ツリー化したいカテゴリー名を[ ]でくくります。
例
[アフィリエイト]ASP一覧
[アフィリエイト]リードメール一覧
[アフィリエイト]アドセンス

すると

アフィリエイト
├ASP一覧
├リードメール一覧
└アドセンス

こんな風に表示されます。

ここで、ひとつ注意点
必ず、すべてやらないとツリー化できません。

頑張ってトライしてみてください＾＾

判りにくいので大まかな概要を書いておきますね♪

1.（1）のタグを＜/body＞タグの上に貼り付ける。
2.カテゴリの中のHTMLを（2）のタグと入れ替える。
3.カテゴリ名を変更する。　

その他のカスタマイズはこちら

ブログカスタマイズ


【続きを閉じる】

まず管理画面から
【デザイン】→【ＨＴＭＬ】→【ＨＴＭＬの追加】→ＨＴＭＬ名を適当に決める

で、適用されているＨＴＭＬを編集する事になります。
※「＜」「＞」は本当は半角なので必ず半角に直してくださいね。

数行目に以下のタグを探します。

<title><% blog.title %><% if:extra_title %>: <% extra_title%><% /if %></title>

これを下のように変更します。

<title><% if:extra_title %><% extra_title %> : <%/if %><% blog.title %></title>


こうすれば
トップページは「ブログタイトル名」
個別記事は「記事タイトル名 : ブログタイトル名」
カテゴリは「カテゴリ名 : ブログタイトル名」
となります。

なぜこのようなことをするかというと・・・
SEO対策です＾＾

例のように、面倒でもメモ帳などにバックアップしておくように。
失敗したときや、元に戻したい時などいつでも出来ますからね♪


seesaaブログのちょっといい話ｗ
seesaaブログって検索エンジンで結構上位にいると思いませんか？
気のせいかな？！（笑）
なぜかっていうと
seesaaブログの記事ページは、静的ページで作成されるんですねぇ
静的ページは、検索エンジンが大好きなんです♪
ほとんどのブログでは、動的ページで作成されてますからね〜

だから、いちいち再構築が必要なんです。

seesaaブログの欠点は、重い
夕方から夜にかけて記事がアップ出来ないってこともしばしば＞＜

サクサク動けば、seesaaブログは、最強なのでは？！？

　
【続きを閉じる】