創(chuàng)新互聯(lián)www.cdcxhl.cn八線動(dòng)態(tài)BGP香港云服務(wù)器提供商,新人活動(dòng)買多久送多久,劃算不套路!
創(chuàng)新互聯(lián)專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務(wù),包含不限于網(wǎng)站制作、網(wǎng)站設(shè)計(jì)、鹽湖網(wǎng)絡(luò)推廣、微信小程序定制開發(fā)、鹽湖網(wǎng)絡(luò)營(yíng)銷、鹽湖企業(yè)策劃、鹽湖品牌公關(guān)、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運(yùn)營(yíng)等,從售前售中售后,我們都將竭誠(chéng)為您服務(wù),您的肯定,是我們大的嘉獎(jiǎng);創(chuàng)新互聯(lián)為所有大學(xué)生創(chuàng)業(yè)者提供鹽湖建站搭建服務(wù),24小時(shí)服務(wù)熱線:13518219792,官方網(wǎng)址:muchs.cn小編給大家分享一下phpcms替換首頁(yè)的方法,希望大家閱讀完這篇文章后大所收獲,下面讓我們一起去探討吧!
phpcms替換首頁(yè)的方法:
首先做一個(gè)靜態(tài)的企業(yè)站主頁(yè):
<!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="">首頁(yè)</a></li> <li ><a class="base" href="">新聞</a></li> <li ><a class="base" href="">公告</a></li> <li ><a class="base" href="">關(guān)于我們</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>腐敗發(fā)布啊</p></div> <div class="list">公告<span style="padding-left: 430px;"><a href="#">更多</a></span><p>大牛坊三年級(jí)</p></div> <div class="list">關(guān)于<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>
運(yùn)行效果:
將網(wǎng)頁(yè)中的JS和CSS文件放入statics文件夾下的相應(yīng)位置。
并將文件地址根據(jù)以下格式修改:
替換方式:
{CSS_PATH} 代表CMS定義的CSS存放路徑
{JS_PATH} 代表CMS定義的JS存放路徑
{IMG_PATH} 代表CMS定義的圖片存放路徑
一、設(shè)置要使用的模板
將phpcms中的默認(rèn)模板改為自己制作的模板。
在phpcms/install_package/phpcms/templates新建一個(gè)英文文件夾
在此文件夾下在創(chuàng)建一個(gè)content文件夾
將制作的.html網(wǎng)頁(yè)文件修改文件名為 index.html 并放入 content文件夾中
登錄phpcms后臺(tái),可以看到界面-》模板風(fēng)格中會(huì)顯示新添加的模板
設(shè)置-》站點(diǎn)管理中選擇模板風(fēng)格,點(diǎn)確定。
更新緩存,生成首頁(yè)后
此時(shí)點(diǎn)擊站點(diǎn)首頁(yè) 會(huì)看到模板更改成功:
二、拆分模板
將模板拆為頭部代碼,內(nèi)容代碼,尾部代碼
分別新建為 header.html footer.html 內(nèi)容部分依舊保留在index.html中
在index.html 頭部加入代碼 {template "content","header"} 以用來導(dǎo)入header.html
在index.html 尾部加入代碼{template "content","footer"} 以用來導(dǎo)入 footer.html
三、添加欄目
在header.html中
首先給導(dǎo)航欄添加鏈接:
將
<ul> <li ><a class="col" href="">首頁(yè)</a></li> <li ><a class="base" href="">新聞</a></li> <li ><a class="base" href="">公告</a></li> <li ><a class="base" href="">關(guān)于我們</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>首頁(yè)</span></a></li> {loop $data $r} <li><a class="base" href="{$r[url]}"><span>{$r[catname]}</span></a></li> {/loop} </ul> {/pc}
num為大欄目數(shù)
如果想要增加導(dǎo)航監(jiān)聽效果則添加代碼為:
<div id="header"> <ul> {if $top_parentid==0}<!--判斷首頁(yè)顯示的是不是首頁(yè)--> <li><a href="{siteurl($siteid)}" class="col">首頁(yè)</a></li> <!--如果是首頁(yè),給首頁(yè)加屬性字體顯示白色。--> {else} <li><a href="{siteurl($siteid)}">首頁(yè)</a></li><!--如果不是首頁(yè),內(nèi)容正常顯示。--> {/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><!--如果顯示的不是,內(nèi)容正常顯示--> {/if} {/pc} </ul> </div>
顯示效果:
添加欄目:
在phpcms后臺(tái)中,內(nèi)容-》管理欄目中添加欄目
將需要添加的欄目添加即可,注意模板設(shè)置中模板要修改為當(dāng)前模板。
四、給欄目添加內(nèi)容
修改index.html的代碼
首先給更多添加內(nèi)部鏈接:
代碼:
<a href="{$CATEGORYS[10][url]}">更多</a>
中間的數(shù)字代表phpcms后臺(tái)中欄目代號(hào)
給div的內(nèi)容設(shè)置動(dòng)態(tài):
<div class="list"> 新聞<span style="padding-left: 430px;"><a href="{$CATEGORYS[10][url]}">更多</a></span> {pc:content action="lists" catid="10" num="1" siteid="$siteid" order="id DESC"} {loop $data $r $val} <p><a href="{$val[url]}">{$val[title]}</a></p> <p>{$val[description]}</p> {/loop} {/pc} </div>
看完了這篇文章,相信你對(duì)phpcms替換首頁(yè)的方法有了一定的了解,想了解更多相關(guān)知識(shí),歡迎關(guān)注創(chuàng)新互聯(lián)-成都網(wǎng)站建設(shè)公司行業(yè)資訊頻道,感謝各位的閱讀!
本文題目:phpcms替換首頁(yè)的方法-創(chuàng)新互聯(lián)
文章位置:http://muchs.cn/article26/dejsjg.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供營(yíng)銷型網(wǎng)站建設(shè)、動(dòng)態(tài)網(wǎng)站、網(wǎng)站內(nèi)鏈、網(wǎng)站營(yíng)銷、云服務(wù)器、搜索引擎優(yōu)化
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容