添加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網頁中所有的內容。

這樣,可以讓網頁看起來更有條理性。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM