添加ASPCMS模板的步骤
添加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网页中所有的内容。
这样,可以让网页看起来更有条理性。