擁有一個方便靈活的帝國CMS模板，能讓你的網站獨樹一幟，使用起來更是得心應手。這里只是說到我做模板的一些經驗，不涉及程序，對HTML有所了解的話，更容易理解。下邊是帝國CMS模板怎樣能更自動化的演示，希望能起個拋磚引玉的作用。具體要做什么樣的效果，大家可以多動手試下

（1）、使用公共模板變量定義通用部分
一般可建立[!--temp.header--] ，[!--temp.footer--]，[!--temp.sitename--]，[!--temp.search--]之類的常用部分。然后在頁面需要插入的地方直接插入。好處是修改時只需要修改這個變量，不必每個模板頁去都去改。

注意：動態頁面，如搜索，評論等不支持公共模板變量

（2）、網站通用導航（所有一級欄目）

頁面模板內容:
[!--empirenews.listtemp--]<!--list.var1-->[!--empirenews.listtemp--]

列表內容模板
(list.var)

--------------------------------------------------------------------------------
<a href="[!--classurl--]" _fcksavedurl=""[!--classurl--]"" title="[!--classname--]">[!--classname--]</a> |
--------------------------------------------------------------------------------

標簽調用 [showclasstemp]0,標簽模板ID,0[/showclasstemp]

注意：如果在欄目頁顯示的是當前欄目的導航，可以加上單引號'0'——我是這樣做的。如果ID號填的是為某個欄目的ID，則為特定欄目的導航

上傳以下圖片：

（3）、還是導航，在大欄目里顯示小欄目。和上面差不多，但有點不同,加了個更多的鏈接

標簽調用
[showclasstemp]父欄目ID,標簽模板ID,是否顯示欄目信息數[/showclasstemp]

頁面模板內容:

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

<div>民間傳統</div><div> [!--empirenews.listtemp--]<!--list.var1-->[!--empirenews.listtemp--] <a href="[!--bclassurl--]">更多&gt;&gt;</a></div>

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

列表內容模板
(list.var)

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

<a href="[!--classurl--]" title="[!--classname--]">[!--classname--]</a> |

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

上傳以下圖片：

（4）、導航技巧真多，再告訴你一個用在欄目頁和列表頁的導航效果

頁面調用

<ul class="column">[showclasstemp]'selfinfo',標簽模板ID,0[/showclasstemp]</ul>

頁面模板內容:

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

[!--empirenews.listtemp--]<!--list.var1-->[!--empirenews.listtemp--]code]

列表內容模板
(list.var)
<li><a href="[!--classurl--]">[!--classname--]</a></li>

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

為什么要用li呢？主要是方便修改樣式，你想讓它怎么顯示就怎么顯示，包括加邊框，背景之類的
在你的樣式表里這樣定義
ul {
padding: 0;
margin: 0;
}
.column li {
width: 49%;
padding: 0px;
margin: 0px;
float: left;
list-style: none;
background: url(icon_li4.gif) no-repeat left center;/*用背景圖定義前面的小圖標 */
}

這樣它顯示的就是一行二個欄目，如果是要它顯示一行一個，則這樣定義
.column li {
padding: 0px;
margin: 0px;
list-style: none;
background: url(icon_li4.gif) no-repeat left center;/*用背景圖定義前面的小圖標 */
}
如果要它是橫向顯示，則可以這樣
.column li {
padding: 2px 4px;
margin: 0px;
display: inline;
list-style: none;
}

上傳以下圖片：

（5）、多用'selfinfo'
在欄目頁和列表頁，用'selfinfo'代替具體的ID號(你需要特別指定的除外)
[phomenews]、[ecmsinfo]、[phomeautopic]等都可以用這個。

（6）、善用循環子欄目數據標簽
這個是值得推薦的。像下面的效果圖，在以前是需要一個個自己定義，但有了這個標簽，我們只需要一個標簽調用就可以搞定，而且以后增加、刪除子欄目都不需要再手動去改

標簽調用： [listsonclass]'selfinfo',顯示條數,標題截取數,是否顯示欄目名,操作類型,模板ID,只顯示有標題圖片[/listsonclass]
頁面模板內容:

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

<div class="c1">
<div class="pad-all">
<div class="title2">【[!--the.classname--]
】</div>
</div>
<ul>
[!--empirenews.listtemp--]<!--list.var1-->[!--empirenews.listtemp--]
</ul>
<div class="more"><a href="[!--the.classurl--]">更多&gt;&gt;</a></div>
</div>

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

列表內容模板
(list.var)

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

<li><a href=" /cms/ecms/2009-03-18/9445.html" title="[!--oldtitle--]">[!--title--]</a> <span class="date">([!--newstime--])</span></li>