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>
运转结果:
将网页中的JS和CSS文件放入statics文件夹下的响应位置。
并将文件地点依据以下花样修正:
替代体式格局:
{CSS_PATH} 代表CMS定义的CSS寄存途径
{JS_PATH} 代表CMS定义的JS寄存途径
{IMG_PATH} 代表CMS定义的图片寄存途径
一、设置要运用的模板
将phpcms中的默许模板改成本身制造的模板。
在phpcms/install_package/phpcms/templates新建一个英文文件夹
在此文件夹下在建立一个content文件夹
将制造的.html网页文件修正文件名为 index.html 并放入 content文件夹中
登录phpcms背景,能够看到界面-》模板作风中会显现新增添的模板
设置-》站点治理中挑选模板作风,点肯定。
更新缓存,生成首页后
二、拆分模板
将模板拆为头部代码,内容代码,尾部代码
离别新建为 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>
显现结果:
增添栏目:
在phpcms背景中,内容-》治理栏目中增添栏目
将须要增添的栏目增添即可,注重模板设置中模板要修正为当前模板。
四、给栏目增添内容
修正index.html的代码
起首给更多增添内部链接:
代码:
<a href="{$CATEGORYS[10][url]}">更多</a>
中心的数字代表phpcms背景中栏目代号
给div的内容设置动态:
<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>
引荐:php服务器
以上就是phpcms怎样替代首页的细致内容,更多请关注ki4网别的相干文章!