phpcms取代首頁的方法:
先做一個靜態的企業站首頁:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <style type="text/css"> ul li{ list-style: none; display: block; position: relative; float: left; width: 100px; } ul{ height: 50px; } .base{ color: #000000; } .col{ color: #0000FF; } ul li a{ text-decoration: none; } #header{ width: 1200px; height: 50px; border: solid 2px #000000; } #footer{ width: 1200px; height: 50px; border: solid 2px #000000; } .list{ position: relative; width: 500px; height: 250px; margin-left: 50px; border: solid 2px #000000; margin-top: 10px; float: left; } #content{ width: 1200px; height: 550px; } </style> <body> <div id="header"> <ul> <li ><a class="col" href="">首页</a></li> <li ><a class="base" href="">新闻</a></li> <li ><a class="base" href="">公告</a></li> <li ><a class="base" href="">关于我们</a></li> <li ><a class="base" href="">加入我们</a></li> </ul> </div> <div id="content"> <div class="list">新闻<span style="padding-left: 430px;"><a href="#">更多</a></span> <p>腐败发布啊</p></div> <div class="list">公告<span style="padding-left: 430px;"><a href="#">更多</a></span><p>大牛坊三年级</p></div> <div class="list">关于<span style="padding-left: 430px;"><a href="#">更多</a></span><p>打你叫你</p></div> <div class="list">招聘<span style="padding-left: 430px;"><a href="#">更多</a></span><p>的毛囊烦恼</p></div> </div> <div id="footer"> <ul> <li ><a class="base" href="">友情链接</a></li> <li ><a class="base" href="">链接1</a></li> <li ><a class="base" href="">链接2</a></li> <li ><a class="base" href="">链接3</a></li> <li ><a class="base" href="">链接4</a></li> </ul> </div> </body> </html>
運行效果:
將網頁中的JS和CSS檔案放入statics資料夾下的對應位置。
並將檔案位址依照下列格式修改:
取代方式:
{CSS_PATH} 代表CMS定義的CSS存放路徑
{JS_PATH} 代表CMS定義的JS存放路徑
{IMG_PATH} 代表CMS定義的圖片存放路徑
一、設定要使用的模板
將phpcms中的預設模板改為自己製作的模板。
在phpcms/install_package/phpcms/templates新建一個英文資料夾
在此資料夾下在建立一個content資料夾
將製作的.html網頁檔案修改檔案名稱為index.html 放入content資料夾
登入phpcms後台,可以看到介面-》範本風格中會顯示新新增的範本
設定-》網站管理中選擇範本風格,點確定。
更新緩存,產生首頁後
#此時點擊網站首頁會看到範本變更成功:
二、分割模板
將範本拆成頭部程式碼,內容程式碼,尾部程式碼
分別新建為header .html footer.html 內容部分依舊保留在index.html中
在index.html 頭部加入程式碼 {template "content","header"} 用來導入header.html
#在index.html 尾端加入程式碼{template "content","footer"} 用來匯入 footer.html
三、新增欄位
#在header. html中
首先為導覽列新增連結:
將
<ul> <li ><a class="col" href="">首页</a></li> <li ><a class="base" href="">新闻</a></li> <li ><a class="base" href="">公告</a></li> <li ><a class="base" href="">关于我们</a></li> <li ><a class="base" href="">加入我们</a></li> </ul>
#修改為:
{pc:content action="category" catid="0" num="5" siteid="$siteid" order="listorder ASC"} <ul > <li><a class="base" href="{siteurl($siteid)}"><span>首页</span></a></li> {loop $data $r} <li><a class="base" href="{$r[url]}"><span>{$r[catname]}</span></a></li> {/loop} </ul> {/pc}
num為最大欄位數
#如果想要增加導覽監聽效果則新增程式碼為:
<div id="header"> <ul> {if $top_parentid==0}<!--判断首页显示的是不是首页--> <li><a href="{siteurl($siteid)}" class="col">首页</a></li> <!--如果是首页,给首页加属性字体显示白色。--> {else} <li><a href="{siteurl($siteid)}">首页</a></li><!--如果不是首页,内容正常显示。--> {/if} {pc:content action="category" catid="0" num="5" siteid="$siteid" order="listorder ASC"} {if $catid==$r[catid] || $top_parentid==$r[catid]}<!--判断显示的catid,如果是显示的catid--> <li><a href="{$r[url]}" class="col">{$r[catname]}</a></li><!--加属性,字体显示白色--> {else} <li><a href="{$r[url]}" class="base">{$r[catname]}</a></li><!--如果显示的不是,内容正常显示--> {/if} {/pc} </ul> </div>
顯示效果:
新增欄位:
在phpcms後台中,內容-》管理欄中新增欄位
將需要新增的欄位新增即可,注意範本設定中範本要修改為目前範本。
四、新增內容
修改index.html的程式碼
#先給更多新增內部連結:
程式碼:
<a href="{$CATEGORYS[10][url]}">更多</a>
中間的數字代表phpcms後台中欄位代號
給div的內容設定動態:
新闻<a href="{$CATEGORYS[10][url]}">更多</a> {pc:content action="lists" catid="10" num="1" siteid="$siteid" order="id DESC"} {loop $data $r $val}{$val[description]}
{/loop} {/pc}
推薦:php伺服器
以上是phpcms怎麼替換首頁的詳細內容。更多資訊請關注PHP中文網其他相關文章!