搜尋
首頁CMS教程PHPCMSphpcms怎麼替換首頁

phpcms怎麼替換首頁

Oct 30, 2019 am 11:41 AM
phpcms首頁

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中文網其他相關文章!

陳述
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

AI Hentai Generator

AI Hentai Generator

免費產生 AI 無盡。

熱門文章

R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
3 週前By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳圖形設置
3 週前By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.如果您聽不到任何人,如何修復音頻
3 週前By尊渡假赌尊渡假赌尊渡假赌
WWE 2K25:如何解鎖Myrise中的所有內容
4 週前By尊渡假赌尊渡假赌尊渡假赌

熱工具

mPDF

mPDF

mPDF是一個PHP庫,可以從UTF-8編碼的HTML產生PDF檔案。原作者Ian Back編寫mPDF以從他的網站上「即時」輸出PDF文件,並處理不同的語言。與原始腳本如HTML2FPDF相比,它的速度較慢,並且在使用Unicode字體時產生的檔案較大,但支援CSS樣式等,並進行了大量增強。支援幾乎所有語言,包括RTL(阿拉伯語和希伯來語)和CJK(中日韓)。支援嵌套的區塊級元素(如P、DIV),

SecLists

SecLists

SecLists是最終安全測試人員的伙伴。它是一個包含各種類型清單的集合,這些清單在安全評估過程中經常使用,而且都在一個地方。 SecLists透過方便地提供安全測試人員可能需要的所有列表,幫助提高安全測試的效率和生產力。清單類型包括使用者名稱、密碼、URL、模糊測試有效載荷、敏感資料模式、Web shell等等。測試人員只需將此儲存庫拉到新的測試機上,他就可以存取所需的每種類型的清單。

EditPlus 中文破解版

EditPlus 中文破解版

體積小,語法高亮,不支援程式碼提示功能

SublimeText3 Linux新版

SublimeText3 Linux新版

SublimeText3 Linux最新版

Dreamweaver Mac版

Dreamweaver Mac版

視覺化網頁開發工具