首頁 > 後端開發 > php教程 > phpcms 替換首頁

phpcms 替換首頁

高洛峰
發布: 2023-03-05 20:04:01
原創
3134 人瀏覽過

利用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>
		 <p 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>
    	
    </p>
    
    <p id="content">
		<p class="list">新闻<span style="padding-left: 430px;"><a href="#">更多</a></span> <p>腐败发布啊</p></p>
		<p class="list">公告<span style="padding-left: 430px;"><a href="#">更多</a></span><p>大牛坊三年级</p></p>
		<p class="list">关于<span style="padding-left: 430px;"><a href="#">更多</a></span><p>打你叫你</p></p>
		<p class="list">招聘<span style="padding-left: 430px;"><a href="#">更多</a></span><p>的毛囊烦恼</p></p>
	</p>
	
	<p 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>
	</p>
	</body>
</html>
登入後複製

  

運作效果:

phpcms 替换首页

的相應位置。

並將檔案位址依下列格式修改:phpcms 替换首页

替換方式:

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

{JS_PATH} 代表CMS定義的儲存路徑。定義的圖片存放路徑

 

 phpcms 替换首页

一、設定要使用的範本

將phpcms中的預設範本改為自己製作的範本。

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

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

phpcms 替换首页

並放入content資料夾中

phpcms 替换首页

 

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

設定-》網站管理範本。

phpcms 替换首页

更新緩存,產生首頁後

phpcms 替换首页

 

 phpcms 替换首页

3個站首頁會看到此時點擊首頁。

將模板拆為頭部程式碼,內容程式碼,尾部程式碼

phpcms 替换首页 分別新建為header.html    footer.html   內容部分依舊保留在index.html中

在index.html 頭部加入程式碼 {template "content","header"}以用來導入header.html

在index.html 尾部加入代碼{template "content","footer"} 以用來導入 footer.html phpcms 替换首页

 

三、添加欄

在header.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}
登入後複製

修改為:

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

如果想要增加導航監聽效果則加入程式碼為:

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

  

顯示效果:

 

目管理欄位中新增欄位

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

顯示:

 

phpcms 替换首页 四、為欄位添加內容

實現在下面的四個p中實現動態內容

修改

首先给更多添加内部链接:

代码:

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

 中间的数字代表phpcms后台中栏目代号

 

给p的内容设置动态:

新闻<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}

登入後複製

 

其余三个都是同样的方法

phpcms 替换首页

尾部 footer.html也是与头部同样的方法遍历

更多phpcms 替换首页 相关文章请关注PHP中文网!

 

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板