phpcms後臺管理基本操做(頭部尾部的替換)

phpcms是一款很是便捷的網站管理軟件,從網上下載好軟件後放在wamp的www目錄下,而後經過路徑一步步安裝就行了。數據庫要寫上本身數據庫的名字和密碼,若是沒有密碼則不寫,登陸後就是這個後臺頁面:php

一、要作網站的話注意兩個文件夾,phpcms裏的templates是放本身新建的模板,在模板文件夾下建一個content子文件,把寫好的html文件都放在content裏邊而且修更名字。statics裏要放本身寫的css、js、images,最好分門別類的放在各自的文件夾裏。css

二、建立好文件後回到後臺點擊設置菜單下的站點管理,點擊修改,在模板風格里選擇本身建立的模板,肯定就能夠了。html

三、修改css、js、images的路徑,按ctrl+f查找「css替換爲{CSS_PATH}css,‘’js替換爲{JS_PATH}js,"images替換爲{IMG_PATH}images。jquery

四、將頭和尾分別拿出來,新建header.html和footer.html兩個文件夾,把頭部和尾部都放進裏邊,因此在寫的時候要將頭部、主體、尾部分清楚。數據庫

header.html:網絡

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>{if isset($SEO['title']) && !empty($SEO['title'])}{$SEO['title']}{/if}{$SEO['site_title']}</title>
<meta name="keywords" content="{$SEO['keyword']}">
<meta name="description" content="{$SEO['description']}">
<link href="{CSS_PATH}css/header.css" rel="stylesheet" type="text/css" />

<script src="{JS_PATH}js/jquery-1.7.2.min.js"></script>

</head>
<body>
<!--HEAD頭-->
<div id="head">
    <div id="logowai">
        <div id="logo">
            <img src="{IMG_PATH}images/logo1.jpg" width="200" height="100" />
        </div>
        <div id="menu">
        {pc:content action="category" catid="0" num="4" siteid="$siteid" order="listorder ASC"}
        {loop $data $r}
        {if $catid==$v[catid] || $top_parentid==$v[catid]}
        <a href="{$r[url]}"><div class="menu menu_sel">{$r[catname]}</div></a>
        {else}
        <a href="{$r[url]}"><div class="menu">{$r[catname]}</div></a>
        {/if}
        
        {/loop}
        {/pc}
        
        {if $top_parentid==0}
        <a href="{siteurl($siteid)}">
        <div class="menu menu_sel">首頁</div>
        </a>
        {else}
        <a href="{siteurl($siteid)}">
            <div class="menu">首頁</div>
        </a>
        {/if}
        </div>
    </div>
</div>
<!--頭部結束-->

footer,html:oop

<!--頁腳開始-->
<div style="clear:both"></div>
<div id="yejiaowai">
    <div id="yejiao">
        <div class="yj_one"></div>
        <div class="yj_item">
            Copyright &copy; 2017-2018 臻體纖美 版權全部 天啓網絡技術支持
        </div>
        <div class="yj_item">
            電話:0635-8240686 郵箱:XXXXXXXX@qq.com 地址:聊城市東昌府區
        </div>
    </div>
</div>
<!--頁腳結束-->
</body>
</html>

五、主體頁面index.html裏邊的頭和尾都被拿去了,那麼須要在頭部和尾部替換一段代碼:網站

{template "content","header"}
{template "content","footer"}

六、而後在頭部寫東西,按照默認模板來就能夠了:ui

<title>{if isset($SEO['title']) && !empty($SEO['title'])}{$SEO['title']}{/if}{$SEO['site_title']}</title>
<meta name="keywords" content="{$SEO['keyword']}">
<meta name="description" content="{$SEO['description']}">

頭部樣式:選擇內容菜單下的管理欄目,而後依次添加就能夠了:url

這裏共有五個欄目,這五個欄目是遍歷出來的:

<body>
<!--HEAD頭-->
<div id="head">
    <div id="logowai">
        <div id="logo">
            <img src="{IMG_PATH}images/logo1.jpg" width="200" height="100" />
        </div>
        <div id="menu">
        {pc:content action="category" catid="0" num="4" siteid="$siteid" order="listorder ASC"}
        {loop $data $r}
        {if $catid==$v[catid] || $top_parentid==$v[catid]}
        <a href="{$r[url]}"><div class="menu menu_sel">{$r[catname]}</div></a><!--catname是欄目名稱  -->
        {else}
        <a href="{$r[url]}"><div class="menu">{$r[catname]}</div></a>
        {/if}
        
        {/loop}
        {/pc} <!--category是欄目 catid是頂級欄目也就是一級欄目--> 

首頁是須要點擊變顏色的:

 {if $top_parentid==0}<!--判斷首頁顯示是否是首頁--> <a href="{siteurl($siteid)}">
        <div class="menu menu_sel">首頁</div>
        </a>
        {else}
        <a href="{siteurl($siteid)}">
            <div class="menu">首頁</div>
        </a>
        {/if}

以上就是頭部的部分了。

相關文章
相關標籤/搜索