phpcms替換首頁的方法

發(fā)布時(shí)間：2020-08-15 15:26:25 來源：億速云閱讀：169 作者：小新欄目：建站服務(wù)器

小編給大家分享一下phpcms替換首頁的方法，希望大家閱讀完這篇文章后大所收獲，下面讓我們一起去探討吧！

phpcms替換首頁的方法：

首先做一個(gè)靜態(tài)的企業(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="">首頁</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>大牛坊三年級</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)行效果：

phpcms替換首頁的方法將網(wǎng)頁中的JS和CSS文件放入statics文件夾下的相應(yīng)位置。

phpcms替換首頁的方法

并將文件地址根據(jù)以下格式修改：

替換方式：

{CSS_PATH} 代表CMS定義的CSS存放路徑

{JS_PATH} 代表CMS定義的JS存放路徑

{IMG_PATH} 代表CMS定義的圖片存放路徑

phpcms替換首頁的方法

一、設(shè)置要使用的模板

將phpcms中的默認(rèn)模板改為自己制作的模板。

在phpcms/install_package/phpcms/templates新建一個(gè)英文文件夾

phpcms替換首頁的方法

在此文件夾下在創(chuàng)建一個(gè)content文件夾

phpcms替換首頁的方法

將制作的.html網(wǎng)頁文件修改文件名為 index.html 并放入 content文件夾中

phpcms替換首頁的方法

登錄phpcms后臺，可以看到界面-》模板風(fēng)格中會顯示新添加的模板

phpcms替換首頁的方法

設(shè)置-》站點(diǎn)管理中選擇模板風(fēng)格，點(diǎn)確定。

phpcms替換首頁的方法

更新緩存，生成首頁后

phpcms替換首頁的方法

phpcms替換首頁的方法此時(shí)點(diǎn)擊站點(diǎn)首頁會看到模板更改成功：

phpcms替換首頁的方法

二、拆分模板

將模板拆為頭部代碼，內(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="">首頁</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>首頁</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}<!--判斷首頁顯示的是不是首頁-->
            <li><a href="{siteurl($siteid)}" class="col">首頁</a></li> <!--如果是首頁，給首頁加屬性字體顯示白色。-->   
            {else}
            <li><a href="{siteurl($siteid)}">首頁</a></li><!--如果不是首頁，內(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替換首頁的方法

添加欄目：

在phpcms后臺中，內(nèi)容-》管理欄目中添加欄目

將需要添加的欄目添加即可，注意模板設(shè)置中模板要修改為當(dāng)前模板。

四、給欄目添加內(nèi)容

修改index.html的代碼

首先給更多添加內(nèi)部鏈接：

代碼：

<a href="{$CATEGORYS[10][url]}">更多</a>

中間的數(shù)字代表phpcms后臺中欄目代號

給div的內(nèi)容設(shè)置動態(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>

看完了這篇文章，相信你對phpcms替換首頁的方法有了一定的了解，想了解更多相關(guān)知識，歡迎關(guān)注億速云行業(yè)資訊頻道，感謝各位的閱讀！

向AI問一下細(xì)節(jié)

phpcms替換首頁的方法

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽