添加ASPCMS模板的步骤

添加ASPCMS模板的步骤:

总的目标就是,将下载的模板修改成ASPCMS默认模板的格式。

1.将下载的模板文件夹放入template文件夹中。

2.在模板中新建一个文件夹html,将模板的html文件全部放入该文件夹中。

3.复制默认模板两个的两个文件到新模板中。

image

4.修正所有网页中对css文件夹、img文件夹、js文件夹路径的引用:

用dreamweaver新建一个站点,选择上面新建的html文件夹;

查找“css/”;

全部替换成“{aspcms:sitepath}/Templates/{aspcms:defaulttemplate}/css”;

继续查找“img/”,“/js”执行类似操作。

如图image
5.修改编码方式

image
6.在网页中嵌入aspcms标签
示例1.如图可以将网站标题换成后台的标题。image
示例2.替换导航栏(有的标签引用一个网页)
默认模板的标题栏标签在head.html文件中,找到该文件打开,

image

用红线中的标签替换新模板的导航栏列表,替换掉图中新模板原先的内容

image

原先的导航栏

imageimage

替换后

image

image
7.自己编辑一个后台标签
另外可以编辑一个标签的内容然后,在新模板中引用
比如{aspcms:top}标签,引用当前模板中一个head.html文件,将该文件中的内容插入到网页中。
步骤1:右击新模板的网页文件站点中,新建一个head.html文件,清空内容;

image
步骤2.将以下内容放入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网页中所有的内容。

这样,可以让网页看起来更有条理性。

posted @ 2015-05-16 20:32  Valentino  阅读(5035)  评论(0编辑  收藏  举报