添加ASPCMS模板的步驟:
總的目標就是,將下載的模板修改成ASPCMS默認模板的格式。
1.將下載的模板文件夾放入template文件夾中。
2.在模板中新建一個文件夾html,將模板的html文件全部放入該文件夾中。
3.復制默認模板兩個的兩個文件到新模板中。
4.修正所有網頁中對css文件夾、img文件夾、js文件夾路徑的引用:
用dreamweaver新建一個站點,選擇上面新建的html文件夾;
查找“css/”;
全部替換成“{aspcms:sitepath}/Templates/{aspcms:defaulttemplate}/css”;
繼續查找“img/”,“/js”執行類似操作。
6.在網頁中嵌入aspcms標簽
示例1.如圖可以將網站標題換成后台的標題。
示例2.替換導航欄(有的標簽引用一個網頁)
默認模板的標題欄標簽在head.html文件中,找到該文件打開,
用紅線中的標簽替換新模板的導航欄列表,替換掉圖中新模板原先的內容
原先的導航欄
替換后
7.自己編輯一個后台標簽
另外可以編輯一個標簽的內容然后,在新模板中引用
比如{aspcms:top}標簽,引用當前模板中一個head.html文件,將該文件中的內容插入到網頁中。
步驟1:右擊新模板的網頁文件站點中,新建一個head.html文件,清空內容;
<header id="header">
<div class="container">
<h1 class="navbar-brand navbar-brand_"><a href="index.html"><img alt="Grill point" src="{aspcms:sitepath}/Templates/{aspcms:defaulttemplate}/img/logo.png"></a></h1>
</div>
<div class="menuheader">
<div class="container">
<nav class="navbar navbar-default navbar-static-top tm_navbar" role="navigation">
<ul class="nav sf-menu">
<li class="active"><a href="index.html">home</a>
<ul>
<li><img src="{aspcms:sitepath}/Templates/{aspcms:defaulttemplate}/img/arrowup.png" alt=""><a href="#">info</a></li>
<li><a href="#">profile</a></li>
<li><a class="last" href="#">news</a>
<ul>
<li><a href="#">fresh</a></li>
<li><a class="last" href="#">archive</a></li>
</ul>
</li>
</ul>
</li>
{aspcms:navlist}
<LI class="menu-item" id=menu-item-382><A href="[navlist:link]">[navlist:name]</A>
{if:[navlist:subcount]>0}
<UL class=sub-menu>
{aspcms:1navlist type=[navlist:sortid]}
<LI class="menu-item " id=menu-item-376><A href="[1navlist:link]">[1navlist:name] <br />[1navlist:enname] </A></LI>
{/aspcms:1navlist}
</UL>
{end if}
</LI>
{/aspcms:navlist}
</ul>
</nav>
</div>
</div>
</header>
在首頁中使用{aspcms:top},相當於引用了head.html網頁中所有的內容。
這樣,可以讓網頁看起來更有條理性。