♣alice choi’s 生態報告書♣

♫無比嚮往吃飽就睡的幸福生活♫

【FC2中文版】树形目录设置方法

开blog几天,也研究了几天HTML语法,发现以往的教程多数是基于日语界面编写的,对于开始使用中文界面的亲们可能会有点苦手,同样苦手的我在日本鸟文里晕了N次后,稍微有点成果出来了,所以我就脸皮厚厚的上来发文了~咳咳……那个,教学谈不上,纯粹只是经验分享吧~




【何谓树形目录?】



QQ截图未命名



如亲们所见,以上图为例,平时我们在【管理类别】中只能设置出【日志】和【FC2中文研究社】等“树干”,诸如【日有所思】、【电玩万岁】、【败家记录】等“树枝”就是我们无能为力的范畴了,而“如何帮树干生出树枝”就是本文的主题…(表达无能,希望亲们能看懂就好啦……笑~)




please READ MORE吧=V=

Step1.【管理界面】-【环境设定】-【设定外挂程式】-【添加FC2外挂程式(PC用)】-添加【类别】。



注:如果已经有了【类别】就不用再添加了,添加后在【管理外挂程式(PC用)】里找到【类别】-【详细情报】-【外挂程式类别1】(这一步很重要哦,关系到最后能不能成功显示)



Step2.【管理外挂程式】-【添加FC2外挂程式】-添加【自由区域】



(跟添加【类别】不同的是,添加【自由区域】后会自动弹出【自由区域】的【详细情报】设定,然后在【外挂程式类别】里选择【2】,记得一定要【2】啊~理由下述……接着请亲们在空白的内容框里添加以下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('',RegExp.$1,'').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('[',RegExp.$2,']').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;


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>




请无视代码里头的日本鸟文,实验证明以上代码在中文界面里同样适用~



添加好之后记得按一下下头的【添加】哦。



Step3.【管理外挂程式】-【类别】-【详细情报】-【编辑HTML】,把HTML内容框里的代码删掉,换上以下代码:








<div id="categorylist">

<ul>


<!--category-->


<li><a href="<%category_link>"><%category_name>(<%category_count>)</a></li>


<!--/category-->


</ul>


</div>




替换好后按一下【设定】,ok~



Step4.【环境设定】-【管理类别】-在【类别名称】处按照“[树干]树枝”的格式添加你的树形目录,不懂的看图



点击我看大图



注:“树干”部分当然不是真的输入“树干”两个字,而是你的大类别名称,“树枝”部分同理,输入的是你要的小类别名称……




再对照第一张图,应该了解了吧?



注:每一行都要按照“[树干]树枝”的格式改好,是每一个哦!书写要顶格,不能输入乱码,否则效果显示不出来~



全部改好后记得按一下【修改】,yeah!!!大功告成!!!然后…然后亲们就可以去你的BLOG看一下效果出来没有啦~



附录1:要设置【最新留言】的树形目录,请将其HTML代码框里的原代码删除,替换如下代码:








<div id="commentlist">

<ul>


<!--rcomment-->


<li><%rcomment_etitle><br /><a href="<%rcomment_link>#comment"><%rcomment_name>(<%rcomment_month>/<%rcomment_day>)</a></li>


<!--/rcomment-->


</ul>


</div>




【连结】替换代码:








<div id="linklist">

<ul>


<!--link-->


<li><a href="<%link_url>"><%link_name></a></li>


<!--/link-->


</ul>


</div>


<a href="./?admin">管理者專用</a>




设定【连结】树干和树枝的格式和【类别】一样,只是每改一个都要按一下后面的【修改】,不然等你改完全部再按就囧rz了……



注:无论是设置多少个树形目录,添加了总代码的【自由区域】只要添加一个就够了~当然啦,你用来贴其他外挂的【自由区域】不算……(MS说了句很废的话笑~)



附录2:关于【外挂程式类别】的问题,太深奥的我也不会解释,我只知道当【类别】or【连结】or【最新留言】在【类别1】时,添加的那个【自由区域】就要在【类别2】,当【类别】or【连结】or【最新留言】在【类别2】时,添加的那个【自由区域】就要在【类别3】,反正【自由区域】一定要在你要设定树形目录的那个外挂程式的下一层就对了~(好啰嗦……汗个)


« 這啥啊……囧|Top|同人不同命(叹~) »

留言box

急~

我是完完全全按照你的教程做的
为什么只有链接是树形分层的
其他的日志分类和最新评论都是没有变
能帮忙看一下么?
http://wingjing.blog94.fc2.com/
拜托了~

我是成功了
不過樓主有個問題
就是連結的地方
管理頁面會超出我的模板框
有法子嗎?
謝謝!
很好的教學文!

>花

管理页面超出模板框???不好意思捏 不太理解亲的意思
方便的话可以给出亲的BLOG地址吗?我去看看……

TAT
终于弄好树形链接了....
亲...偶真的耐你...

内什么...我竟然在这里发现了格子...
啊~世界好奇妙。囧
原来格子的树型链接就是在这里学的...
好吧现在换我了!

亲!!我留言和link都搞定了,但是类别那里不行啊~

还有~那个[最新文章]我也想要搞树型的~可以吗?

>大3

缘分啊缘分……XDDDD
能搞树形的都是能分类的外挂哦 所以最新文章【应该】是不能的

我马上就去试试嘿嘿

噢噢亲爱的博主~~搞了2天都不行。总算发现因为是日文版教程的关系。。
就搜到逹人这里来啦~
搞定了哦!亲一个~~

我按照你的方法弄了,可是為什么就不顯示呢TTATT

>趙子墨

嘿嘿,it's my pleasure~

>+Rio+

亲,我觉得只有三个可能性:
1.你在弄得过程中哪里出问题了自己没发现~
2.你的BLOG模板不支持树形目录代码……
3.纯粹RP问题。

话说我昨天已经弄好了``可是因为我把原先的好友连接删除了``只剩那个自由区域``结果再怎么弄也弄不出了= =+
还有最新留言也不懂T T
拜托亲加我Q教我吧OTZ Q:124818295
拜托了T T

我真的是白癡``亲的好友请求不小心被我按掉了T T
再加一次吧T T OTZ(自pia)

只有留言可以
link和日誌都沒有反應
抓狂了∑ ( ° △ °|||)|
可以幫我看下原因么?
PS:自由區域總是重複顯示- -
http://tina0315.blog126.fc2.com/?plugin&index

你的方法写的太详细了 - -# 想弄错都难啊。。。THX。。。

>喵呜

话说加了亲之后不知道QQ里哪个是亲……汗死
我再加一次吧…………

>言。

去看过亲的BO了,不好意思捏,爱莫能助……
只是我印象中这款模板本来就支持树形??
@_@

T_T日語的……
然後找不到對應的地方……

今天开始用FC2 到处找教程的说 哇哈哈哈 这么有才的 要加到link里才可以~~

本来想加为好友 可是它说我“您目前设定为“不接受”博客好友的申请”
不知道这是什么问题..所以可以的话你加我吧 谢谢

致 元元豬

很高興認識親哦~已經加你了,嘿嘿^^

^^谢谢啦~~好感谢~

楼上的猫么个~


昨天类别都搞好了的- -+++结果今天开电脑又不行了
我相当郁闷呐......我郁闷的很呐.........

>wenggie

我也很郁悶~~
因為幫不到你……
不好意思捏~

终于折腾好了~万分感谢啊~~~

为撒我弄了后LINK还是没有分啊?

我的连结也不行喔..为什么?

謝謝!

>X楓

不謝~

亲,乃可以帮我下么,我那里LINK也没改成功呢~

亲,我想问。
新建的那个放代码的自由区域,不是会也显示在主页上嘛,如果设置不显示,效果也就看不出来了,有什么办法吗?

我也想知道怎么样才能让自由区域不显示呢~

關於自由區域的問題

可以不建立一個新的自由區域啊,自由區域說到底就是一個外掛程式,把代碼加入其它外掛程式的末尾,只要這個外掛程式在下一層,效果就能顯示。

亲 我想问下 为什么我的弄好之后在“自由区域”那里按预览就可以显示 但从新输入网址进入blog就不行了呐?

问一下。那个自由区域会显示在首页怎么办?

>問

因為你還沒確定,囧

>玉米

請看我之前的回覆,謝謝合作!

Besplatno vse 2009

Napochka
<a href=http://besplatnovse2009.narod.ru/rpl-2009-skachat-besplatno
.html>Рпл 2009 скачать бесплатно</a>

回應本文

這是悄悄話哦

引用

http://alicechoi.blog124.fc2.com/tb.php/6-1b447eec

Top

HOME

又宅又腐又干物,網絡購物狂人,目前仍是快樂的米蟲一條; 19歲雙子座蚊子愛叮型……囧rz;心愛之物有我家的NDSL、PSP、DELL筆電和新購入的美容相機XD對灰暗及異化的“非主流”{嚴重}審美疲勞,更喜歡色彩繽紛的“主流”~最近有越來越戀聲的傾向,目前已是初級聲控一枚,介紹一下自家大本命:萬年不變【綠川光】,本命(排名不分先後):太陽、mamo、石頭、潤潤;次本命(同上):13、00、神谷娘娘、ono;次次本命(同上上):平川大輔、PAPA、森田成一、中井和哉、子安武人……

吃飽就睡

Author:吃飽就睡
◆◇◆◇◆◇◆◇◆◇◆◇
個人成份:
不良思想:25%;
對美少年的饑渴:50%;
少女之心:50%;
OTAKU氣:65%;
撞豆腐自殺的勇氣:15%;
對動漫&otome遊戲的執念:250%!
◆◇◆◇◆◇◆◇◆◇◆◇
♣后花園♣

將此blog添加到連結(FC2專用哦)

  • 10/06:audi-rus

  • 09/01:BO主

  • 09/01:BO主

  • 08/31:玉米

  • 07/24:问

  • 07/22:BO主

  • 07/21:﹏煙消уúл繖..﹖

  • 07/20:小雅

  • 07/11:Nekochyan.

  • 06/27:Monica

website stats

add我為FC2好友O(∩_∩)O

我的生日是國際兒童節哦!

10 | 2009/11 | 12
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 - - - - -

終於打穿了~哇卡卡卡卡!

email box

報上名來:
來自何方:
有何要事:
細細道來:

◆◇◆◇◆◇◆◇◆◇◆◇