溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
小編給大家分享一下phpcms替換首頁的方法，希望大家閱讀完這篇文章后大所收獲，下面讓我們一起去探討吧！
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的內容設置動態：
<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>看完了這篇文章，相信你對phpcms替換首頁的方法有了一定的了解，想了解更多相關知識，歡迎關注億速云行業資訊頻道，感謝各位的閱讀！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
