phpcms替換首頁的方法:
首先做一個靜態的企業站主頁:
nbsp;html> ???? ????????<meta> ????????<title></title> ???? ????<style> 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> ???? ?????????<div> ????????<ul> ????????????<li><a>首頁</a></li> ????????????<li><a>新聞</a></li> ????????????<li><a>公告</a></li> ????????????<li><a>關于我們</a></li> ????????????<li><a>加入我們</a></li> ????????</ul> ????????? ????</div> ????? ????<div> ????????<div>新聞<span><a>更多</a></span>?<p>腐敗發布啊</p> </div> ????????<div>公告<span><a>更多</a></span><p>大牛坊三年級</p> <p><span>立即學習</span>“<a href="https://pan.quark.cn/s/7fc7563c4182" style="text-decoration: underline !important; color: blue; font-weight: bolder;" rel="nofollow" target="_blank">PHP免費學習筆記(深入)</a>”;</p> </div> ????????<div>關于<span><a>更多</a></span><p>打你叫你</p> </div> ????????<div>招聘<span><a>更多</a></span><p>的毛囊煩惱</p> </div> ????</div> ????? ????<div> ????????<ul> ????????????<li><a>友情鏈接</a></li> ????????????<li><a>鏈接1</a></li> ????????????<li><a>鏈接2</a></li> ????????????<li><a>鏈接3</a></li> ????????????<li><a>鏈接4</a></li> ????????</ul> ????</div> ????
運行效果:
將網頁中的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中
首先給導航欄添加鏈接:
將
修改為:
{pc:content?action="category"?catid="0"?num="5"?siteid="$siteid"?order="listorder?ASC"} ????????????
- ????????????
- 首頁
- {$r[catname]}
????????????{loop?$data?$r} ????????????
????????????{/loop} ????????????
????????{/pc}
num為最大欄目數
如果想要增加導航監聽效果則添加代碼為:
?????????????????????{if?$top_parentid==0} ????????????
??? ????????? ????????? ????- 首頁
???? ????????????{else} ????????????- 首頁
????????????{/if} ????????????{pc:content?action="category"?catid="0"?num="5"?siteid="$siteid"?order="listorder?ASC"} ????????????{if?$catid==$r[catid]?||?$top_parentid==$r[catid]} ????????????- {$r[catname]}
????????????{else} ????????????- {$r[catname]}
????????????{/if} ????????????{/pc} ????????? ?????????
顯示效果:
添加欄目:
在phpcms后臺中,內容-》管理欄目中添加欄目
將需要添加的欄目添加即可,注意模板設置中模板要修改為當前模板。
四、給欄目添加內容
修改index.html的代碼
首先給更多添加內部鏈接:
代碼:
<a>更多</a>
中間的數字代表phpcms后臺中欄目代號
給div的內容設置動態:
????????????新聞<a>更多</a> ????????????{pc:content?action="lists"?catid="10"?num="1"?siteid="$siteid"?order="id?DESC"} ????????????{loop?$data?$r?$val} ???????????? ????????????{$val[description]}
????????????{/loop} ????????????{/pc} ????????
推薦:php服務器