设计个性化的Movable Type(4)

| | Comments (1) | TrackBacks (0)

通过前面几节对MT模版的观察,应该说你对MT的页面设计有了一个大概的认识。

不管你的页面设计得有多好看,也不管你其它的程序运用上来可以使你的博客具有多么诱人的效果,如果缺少MT的标签,那就怎么也不是 Movable Type,就不可能让MT运行起来。因为只有那些独特的MT标签才能带动Movable Type这台发动机。

前面两节谈的只是纯粹的页面布局和样式设计,也就是HTML/XHTML的内容。

下面我们来看看Movable Type的标签是怎么样的。

认识Movable Type的标签

Movable Type 的标签分为两种:容器标签(Container tags)和变量标签(Variable tags)。

这里我不再把各自的定义闯述一遍,还是通过实例可能更好理解。这是我从Main Index 模板中简化出来的一段代码:

<MTEntries>
<h3 class="entry-header"><$MTEntryTitle$></h3>

<$MTEntryBody$>

<MTEntryIfExtended>
<p class="entry-more-link">
<a href="<$MTEntryPermalink$>#more">Continue reading "<$MTEntryTitle$>" &raquo;</a>
</p>
</MTEntryIfExtended>

<p>Posted by <$MTEntryAuthor$> at <$MTEntryDate format="%X"$></p>
</MTEntries>

1 - 第一行的 <MTEntries> 和最后一行的 </MTEntries> 就是一对容器标签。类似于HTML/XHTML中的标签一样,必须成对出现,一个开头一个结尾。所有这篇文章的相关的内容都被包含在这对标签里面了。象<div> 和 </div>一样。

2 - 第二行H3,是文章的标题,用的是 <$MTEntryTitle$>。这是一个变量标签。它的值是变化的,我们可以理解成随着每篇文章标题的不同,它会产生不同的标题。它代表不同的标题的值。我们也看出来,变量标签总被一对"$"包围着,而容器标签就没有这个符号。所以也很容易判断。并且变量标签不是成对的。

3 - 第三行的 <$MTEntryBody$> 是文章的主体部分。也是一个变量标签。大段的文章就被这个标签所代表。

4 - 接下来的 <MTEntryIfExtended> 和 </MTEntryIfExtended> 又是一对条件性质的容器标签。意思是说如果你的文章有延伸部分,那么延伸部分就会体现在页面上并且都会包含在这对标签当中。如果没有延伸部分那在页面上就不会有体现了。

5 - 那么文章的延伸是怎么样的呢?我们看到了延伸部分是以一个链接形式来体现的,是这行:

<a href="<$MTEntryPermalink$>#more">Continue reading "<$MTEntryTitle$>" »</a>

里面的 <$MTEntryPermalink$> 和 <$MTEntryTitle$> 都是变量标签。前者是这篇文章的固定地址,后面加上 "#more" 就是到该文章的延伸部分;后者指的是这篇文章的标题。比方说你的这篇文章的标题是“我的第一篇文章”,那么这行代码在页面上的体现就是:“继续阅读 ‘我的第一篇文章’”。每篇文章的地址和标题都是变化的,他们代表变量的值。

6 - 再下来一行,<$MTEntryAuthor$> 是表示文章作者。因为Movable Type 是多作者的发布系统,所以作者也是变量。而 <$MTEntryDate format="%X"$> 就是时间的变量了。时间的格式你可以根据自己的需要来改变。

上面只是举个例子来简单说明了MT的标签。

更详细的内容可以到官方的标签解说查看。

从上面这个举例中,也可以看到,HTML/XHTML标签和MT的标签是混杂在一起的。但是你在设计或修改MT模板的时候要保持清醒地头脑,尤其要注意容器标签一定要有结尾部分。否则在重建模版的时候系统会报错的,你的设计会无法安装到模版中。

关于MT标签大概就说这么多吧。

[ 1 ] [ 2 ] [ 3 ] [ 4 ] [ 5 ]

0 TrackBacks

Listed below are links to blogs that reference this entry: 设计个性化的Movable Type(4).

TrackBack URL for this entry: http://www.yangkang.org/cgi-bin/mt/mt-tb.cgi/30

1 Comments

可以加上一点自定义模块的介绍。
我觉得很有用呢 ^_^

Leave a comment

About this Entry

This page contains a single entry by Yang published on July 2, 2006 11:46 PM.

设计个性化的Movable Type(3) was the previous entry in this blog.

设计个性化的Movable Type(5) is the next entry in this blog.

Find recent content on the main index or look in the archives to find all content.