首頁 > CMS教程 > PHPCMS > 主體

phpcms怎麼替換首頁

發布: 2019-10-30 11:41:22
原創
2847 人瀏覽過

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>
登入後複製

運行效果:

phpcms怎麼替換首頁將網頁中的JS和CSS檔案放入statics資料夾下的對應位置。

phpcms怎麼替換首頁

並將檔案位址依照下列格式修改:

取代方式:

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

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

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

phpcms怎麼替換首頁

一、設定要使用的模板

將phpcms中的預設模板改為自己製作的模板。

在phpcms/install_package/phpcms/templates新建一個英文資料夾

phpcms怎麼替換首頁

在此資料夾下在建立一個content資料夾

phpcms怎麼替換首頁

將製作的.html網頁檔案修改檔案名稱為index.html 放入content資料夾

phpcms怎麼替換首頁

登入phpcms後台,可以看到介面-》範本風格中會顯示新新增的範本

phpcms怎麼替換首頁

設定-》網站管理中選擇範本風格,點確定。

phpcms怎麼替換首頁

更新緩存,產生首頁後

phpcms怎麼替換首頁

phpcms怎麼替換首頁#此時點擊網站首頁會看到範本變更成功:

1phpcms怎麼替換首頁

二、分割模板

將範本拆成頭部程式碼,內容程式碼,尾部程式碼

分別新建為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>
登入後複製

顯示效果:

1phpcms怎麼替換首頁

新增欄位:

在phpcms後台中,內容-》管理欄中新增欄位

將需要新增的欄位新增即可,注意範本設定中範本要修改為目前範本。

四、新增內容

修改index.html的程式碼

#先給更多新增內部連結:

程式碼:

<a href="{$CATEGORYS[10][url]}">更多</a>
登入後複製

中間的數字代表phpcms後台中欄位代號

給div的內容設定動態:

新闻<a href="{$CATEGORYS[10][url]}">更多</a> {pc:content action="lists" catid="10" num="1" siteid="$siteid" order="id DESC"} {loop $data $r $val}

{$val[title]}

{$val[description]}

{/loop} {/pc}
登入後複製

推薦:php伺服器

以上是phpcms怎麼替換首頁的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!