phpcms從網上下載就好了,記住這個要安裝在Wamp中的www文件下
從網頁輸入網址進入后台控制
輸入密碼賬號,即進入后台控制界面:
后台管理有自帶的網頁模板把他換成自己的模板:
修改站點:
把默認模板變為自己風格的模板;
這樣就可以開始了
首頁內容:
phpcms-templates專門放模板
statics-存放各種文件
先把代碼里面的css,js,圖片放到statics文件夾中,然后把index首頁拆分為header.html(頂部) ; index.html(中間內容); footer.html(底部)。
然后把
{CSS_PATH}+放入的css文件名;
{JS_PATH}+放入的js文件名;
{IMG_PATH}+放入的圖片文件夾名;
修改完成之后網頁就可以正常顯示了 ,
關於頂部:
頂部的東西,導航標簽都是從后台遍歷出來的,所以:后台:
代碼:
<!DOCTYPE html> <html> <head> <meta charset="{CHARSET}"> <title>{if isset($SEO['title']) && !empty($SEO['title'])}{$SEO['title']}{/if}{$SEO['site_title']}</title> <script src="{JS_PATH}js/jquery-1.11.3.min.js"></script> <script type="text/javascript" src="{JS_PATH}js/jquery.1.4.2-min.js"></script> <script type="text/javascript" src="{JS_PATH}js/jquery.color.js"></script> <script type="text/javascript" src="{JS_PATH}js/lanrenzhijia.js"></script> <link href="{CSS_PATH}css/lanrenzhijia.css" type="text/css" rel="stylesheet" /> <link href="{CSS_PATH}css/shouye.css" rel="stylesheet" type="text/css"> </head> <body> <!--頂--> <footer class="tou"> <div> <!--logo--> <img src="{IMG_PATH}images/flPgAZUoAMlaEENelCEJrSaAQEAOw==.gif" height="100px" style="top: -15px; position: relative;" /> </div> <!--logo完--> <!--這是導航--> <!-- <div id="dao">--> <div style="margin-left: auto; border: px solid chartreuse; width: 50%; height: 58px; position:absolute; right:0px; top: 10px; z-index: 8888888; float: left;"> <div class="bia"> <a href="{$v[url]}">網站首頁</a> </div> {pc:content action="category" catid="0" order="listorder ASC" num="5" siteid="$siteid"} {loop $data $v} <div class="bia"> <a href="{$v[url]}">{$v["catname"]}</a> </div> {/loop} {/pc} <div class="shu"></div> </div>
底部基本上都是死的 ,用一個死的就好了。
中間的內容也都是從后台遍歷粗來的,
先去后台添加內容:
模板設置:
代碼部分:

{template "content","header"} <!--大圖輪播--> <div id="datu" onmouseover="Zhi()" onmouseout="Li()" > <table id="ta" cellpadding="0" cellspacing="0"> <tr height="670"> {pc:content action="lists" catid="14" order="id ASC" num="5" } {loop $data $val} <td><img src="{$val[thumb]}" width="1345" height="550px" style="width: 1000;" /></td> {/loop} {/pc} <div style="width: 1345px; height: 50px; float: left; border: px saddlebrown solid; position: relative; top: 350px; left: 0px; z-index: 333;"> <div id="zz"> <div id="jt" onClick="zuo()"><font size="20"><</font></div> </div> <div id="yy"> <div id="jt2" onClick="you()"><font size="20">></font></div> </div> </div> </tr> </table> </div> <!--輪播完--> <!--最新樣片--> <div class="title" style="text-align: center; top: -190px; position: relative;"> <a href="/works/" title="最新樣片" target="_blank"> <font size="2px" color="#000000">Latest Topics</font><b><br /> <font size="4" color="#000000">客照欣賞</font></b><br /> <img src="{IMG_PATH}images/he.gif" /><br /> <em><font size="3" color="#563F2A">熱門大片每天准時更新,為你獻上視覺盛宴</font></em></a> <br /><br /> </span> </div> <div class="lanrenzhijia" style="top: -300px;"> <ul style="text-shadow: none;"> <li class="lanren01"> {pc:content action="lists" catid="16" order="id ASC" num="1" } {loop $data $val} <a href="{$val[url]}"> <img src="{$val['thumb']}" width="380px"; height="526px" /> </a> {/loop} {/pc} </li> <li class="lanren02"> {pc:content action="lists" catid="17" order="id ASC" num="1" } {loop $data $val} <a href="{$val[url]}"> <img src="{$val['thumb']}" width="380px"; height="526px" /> </a> {/loop} {/pc} </li> <li class="lanren03"> {pc:content action="lists" catid="18" order="id ASC" num="1" } {loop $data $val} <a href="{$val[url]}"> <img src="{$val['thumb']}" width="380px"; height="526px" /> </a> {/loop} {/pc} </li> <li class="lanren04"> {pc:content action="lists" catid="19" order="id ASC" num="1" } {loop $data $val} <a href="{$val[url]}"> <img src="{$val['thumb']}" width="380px"; height="526px" /> </a> {/loop} {/pc} </li> <li class="lanren05"> {pc:content action="lists" catid="20" order="id ASC" num="1" } {loop $data $val} <a href="{$val[url]}"> <img src="{$val['thumb']}" width="380px"; height="526px" /> </a> {/loop} {/pc} </li> <li class="lanren06"> {pc:content action="lists" catid="21" order="id ASC" num="1" } {loop $data $val} <a href="{$val[url]}"> <img src="{$val['thumb']}" width="380px"; height="526px" /> </a> {/loop} {/pc} </li> </ul> </div> <a href="/works/" title="最新樣片" target="_blank" class="more" style="position: relative; top: -430px;"> <b>SHOW ME MORE</b>Latest Topics</a> <!--<b>SHOW ME MORE</b> Latest Topics--> </a> <img src="{IMG_PATH}images/20150104174843-6570.jpg" width="1180" height="250"style="position: relative; top: -390px;" alt=""> <!--客片欣賞--> <div class="title" style="text-align: center; top: -280px;"> <a href="/works/" title="客片欣賞" target="_blank"> <font size="2px" color="#000000">Latest Topics</font><b><br /> <font size="4" color="#000000">最新樣片</font></b><br /> <img src="{IMG_PATH}images/he.gif" /><br /> <em><font size="3" color="#563F2A">熱門大片每天准時更新,為你獻上視覺盛宴!</font></em></a> <br /><br /> </span> </div> <div class="lanrenzhijia"style="top: -380px;"> <ul style="text-shadow: none;"> <li class="lanren01"> {pc:content action="lists" catid="22" order="id ASC" num="1" } {loop $data $val} <a href="{$val[url]}"> <img src="{$val['thumb']}" width="380px"; height="526px" /> </a> {/loop} {/pc} </li> <li class="lanren02"> {pc:content action="lists" catid="23" order="id ASC" num="1" } {loop $data $val} <a href="{$val[url]}"> <img src="{$val['thumb']}" width="380px"; height="526px" /> </a> {/loop} {/pc} </li> <li class="lanren03"> {pc:content action="lists" catid="24" order="id ASC" num="1" } {loop $data $val} <a href="{$val[url]}"> <img src="{$val['thumb']}" width="380px"; height="526px" /> </a> {/loop} {/pc} </li> <li class="lanren04"> {pc:content action="lists" catid="25" order="id ASC" num="1" } {loop $data $val} <a href="{$val[url]}"> <img src="{$val['thumb']}" width="380px"; height="526px" /> </a> {/loop} {/pc} </li> <li class="lanren05"> {pc:content action="lists" catid="26" order="id ASC" num="1" } {loop $data $val} <a href="{$val[url]}"> <img src="{$val['thumb']}" width="380px"; height="526px" /> </a> {/loop} {/pc} </li> <li class="lanren06"> {pc:content action="lists" catid="27" order="id ASC" num="1" } {loop $data $val} <a href="{$val[url]}"> <img src="{$val['thumb']}" width="380px"; height="526px" /> </a> {/loop} {/pc} </li> </ul> </div> <a href="/works/" title="最新樣片" target="_blank" class="more" style="position: relative; top: -490px;"> <b>SHOW ME MORE</b>Latest Topics</a> <!--<b>SHOW ME MORE</b> Latest Topics--> </a> <!--火爆新聞->--> <div class="title1 title" style="text-align: center; top: 0px; top: -350px;" > <a href="/works/" title="火爆新聞推薦" target="_blank"> <font size="2px" color="#000000">Latest Topics</font><b><br /> <font size="4" color="#000000">火爆新聞推薦</font></b><br /> <img src="{IMG_PATH}images/he.gif" /><br /> <em><font size="3" color="#563F2A">了解最新最全的行業資訊新聞</font></em></a> <br /><br /> </span> </div> <div class="p4"> {pc:content action="lists" catid="11" order="id DESC" num="6" moreinfo="1"} {loop $data $val} <div class="p3"> <a href="{$val[url]}" title="普吉島旅游拍攝婚紗照的四大必選景點 張店婚紗" target="_blank"> <img src="{$val['thumb']}"width="380"height="170"alt="普吉島旅游拍攝婚紗照的四大必選景點 張店婚紗"/> <b>{$val['title']}</b> <p>{$val['description']}</p> </a> </div> {/loop} {/pc} </div> <a href="/works/" title="最新樣片" target="_blank" class="more" style="position: relative; top: -250px;"> <b>SHOW ME MORE</b>Latest Topics</a> <!--<b>SHOW ME MORE</b> Latest Topics--> </a> <div style=" border-top: 1px solid #e2e2e2; position:relative;top: -120px;"></div> <script> document.getElementById("ta").style.left="0px"; function shao() { var aa = parseInt(document.getElementById("ta").style.left); if(aa>-2690) { document.getElementById("ta").style.left=(aa-1345)+"px" } else { document.getElementById("ta").style.left="0px" }bb = window.setTimeout("shao()",3000); }var bb =window.setTimeout("shao()",3000); function Zhi() { window.clearTimeout(bb); document.getElementById("yy").style.display="block"; document.getElementById("zz").style.display="block"; } function Li() { bb=window.setTimeout("shao()",3000); document.getElementById("yy").style.display="none"; document.getElementById("zz").style.display="none"; } function zuo(){ var sy = parseInt(document.getElementById("ta").style.left); if(sy<0) { document.getElementById("ta").style.left=(sy+1345)+"px" sy=sy+1345; } else { document.getElementById("ta").style.left="-2690px" } } function you() { var sy = parseInt(document.getElementById("ta").style.left); if(sy>-2690) { document.getElementById("ta").style.left=(sy-1345)+"px" sy=sy-1170; } else { document.getElementById("ta").style.left="0px" } } </script> {template "content","footer"}
分頁與友情鏈接:
分頁:
{pc:content action="lists" catid="$catid" order="id DESC" num="10" page="$page"} <!--num是顯示多少數據--> {loop $data $key $val} <a href="{$val[url]}"> <div class="item-context">{$val[title]}</div> </a> {/loop} {/pc} <!--分頁--> <div class="paging"> {$pages} </div>
友情鏈接:
后台添加好內容,遍歷:
{pc:link action="type_list" typeid="0" siteid="$siteid" linktype="1" order="listorder DESC" num="2" return="pic_link"} {loop $pic_link $v} <a href="#"> {$v['name']} </a> {/loop} {/pc}