blogger 官方提供的首页输出摘要

添加评论 2008年12月26日

这个是从blogger 帮助里面找出来的,看语法好像是Google翻译的。最近发现好多Google旗下好多站点都显示Google翻译的中文了.

如何创建可扩展的帖子摘要?
使用此技巧,您可以选择显示自帖子开头截至帖子任意处的一小段文字,作为一个引子,引起读者对全文的好奇心。
条件 CSS
我们将使用条件标记来更改帖子在不同页上的显示方式。根据您所拥有的模板类型,在样式表中添加以下代码:
(用于传统模板)
<MainOrArchivePage>
span.fullpost {display:none;}
</MainOrArchivePage>
<ItemPage>
span.fullpost {display:inline;}
</ItemPage>
(用于布局)
<b:if cond=’data:blog.pageType == “item”‘>
span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if>
我们在这里做的工作就是定义一个名为”fullpost”的类,它只会在帖子页(固定链接)上显示。每个帖子都有一个部分使用此类(这一点我们会在后面看到)。
“了解更多信息”链接
在模板中 <$BlogItemBody$> 或 <data:post.body/> 标记后的某个位置添加以下代码:
(用于传统模板)
<MainOrArchivePage><br />
<a href=”<$BlogItemPermalinkURL$>”>了解更多信息!</a>
</MainOrArchivePage>
(用于布局)
<b:if cond=’data:blog.pageType != “item”‘><br />
<a expr:href=’data:post.url’>了解更多信息!</a>
</b:if>
此链接仅出现在主页和存档页上,它可以将读者引向包含帖子全文的帖子页。当然,您也可以使用自己喜欢的任何文字来替换”了解更多信息!”。

帖子修改
我们需要的最后一部分是实际帖子中的一小段代码。要使用此功能的每个帖子都需要以下代码:
<span class=”fullpost”></span>
如果您不希望为每个帖子键入此代码,可以将它放入帖子模板中。您需要在 span 标记的外侧输入摘要文字,在 span 标记的内侧输入其余内容,例如:
这是帖子的开头。<span class=”fullpost”>这是它的其余部分。</span>
现在,当读者访问您的 blog 时,将看到如下所示的帖子:
这是帖子的开头。
了解更多信息!
点击此链接即会转到包含完整内容的帖子页:
这是帖子的开头。这是它的其余部分。
请注意:
在对模板进行任何修改之前,都应该先备份。只需将所有代码复制并粘贴到硬盘上的文本文件中即可,这样,一旦出错还可以使用原来的模板。
创建此类帖子摘录还有另一种方法:对整个帖子使用显示/隐藏方法。每种方法都有自己的优点和缺点。
此方法的优点:不仅可以自定义主题,还可以自定义摘要。可以仅应用于某些帖子,对其他帖子则没有用(例如,您可能只希望将它应用于长帖子)。
缺点:需要更改帖子本身,仅更改模板不能实现此功能。但是,由于”了解更多信息”链接是在模板中,因此无论帖子是否被截断,它都会显示。(我们将修改此功能作为一个练习留给读者来完成。)

原文地址

转载请注明出处:徒步行者™[http://laoshang.net]

  1. 还没有评论.想坐沙发?
  1. 还没有 trackbacks
订阅评论