2006年12月7日星期四

blogger:Blogger Beta中标签、搜索结果与存档页面的优化(一)

这部份内容较多,所以我分几部分来写。今天先来介绍:

(一)如何在标签、搜索结果与存档页面中只显示文章的标题
我们都知道如果在 Blogger Beta 中进行搜索或选择任何一个分类标签时,结果总会是以全文来显示的,存档文件也是如此。如果我们的文章数量很多内容又长,再加上其中也许会有大量的图片或音频视频的内容,这样就会大大的影响了页面读取的时间。而且在众多内容面前,你的读者们也不可能马上就找到感兴趣的文章,浏览效率因此降低了。如果我们能让它只显示文章的标题,并给出其固定链接,一目了然,这个问题自然就得到解决了。你可以先在本博客上看到效果,如果感觉不错,下面就开始进行操作:

进入模板HTML编辑界面,备份,展开,找到如下一段代码:

<b:widget id='Blog1' locked='false'
title='Blog Posts' type='Blog'>
<b:includable id='main' var='top'>
<!-- posts -->
<div id='blog-posts'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'>
<data:post.dateHeader/></h2>
</b:if>

<b:include data='post' name='post'/>

<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:post.allowComments'>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
</b:loop>
</div>

将其中红色的部分替换成以下代码:
<b:if cond='data:blog.homepageUrl !=
data:blog.url'>
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'>
<data:post.title/></a><br/><br/>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<b:include data='post' name='post'/>
</b:if>

保存更新,这时你的标签、搜索与存档页面的显示结果就都是以文章标题来显示了。下一节我们将介绍如何突破每页20篇文章的限制,请继续留意。

希望上文对你有所帮助,如有任何疑问可留言告知,我会尽快给予回复。

0 评论:

发表评论: ☆欢迎灌水☆言论自由☆交流快乐☆