熟练地使用PHPCMS可以插入模板,将静态站转变为动态站也更加方便,多加练习还是有好处的
将index html的头和尾拆分出来,分别放在head
熟练地使用PHPCMS可以插入模板,将静态站转变为动态站也更加方便,多加练习还是有好处的
将index.html的头和尾拆分出来,分别放在header.html和footer.html文件夹中,这三个文件放在
,用{IMG_PATH}images,{CSS_PATH}css,{JS_PATH}js来替换原来的路径。
header.html
标题的替换代码
<title>{if isset($SEO['title']) && ! empty($SEO['title'])}{$SEO['title']}{/if}{$SEO['site_title']}</title>
头部导航菜单的替换代码
<div class="header-items"> {if $top_parentid==0} <!--判断是不是首页--> <a href="{siteurl($siteid)}"> <div class="h-item select">首页</div> </a> {else} <a href="{siteurl($siteid)}"> <div class="h-item ">首页</div> </a> {/if} {pc:content action="category" catid="0" num="6" siteid="$siteid" order="listorder ASC"} {loop $data $r} {if $catid==$r[catid] || $top_parentid==$r[catid]} <div class="h-item2">/</div> <a href="{$r[url]}"> <div class="h-item select">{$r[catname]}</div> </a> {else} <div class="h-item2">/</div> <a href="{$r[url]}"> <div class="h-item">{$r[catname]}</div> </a> {/if} {/loop} {/pc} </div>
index.html页面
大图的替换代码
<!--大图 开始--> <div class="bigimg"> {pc:content action="lists" catid="9" order="id DESC" num="1"} {loop $data $val} <img src="{$val['thumb']}"/> <!--thumb代表缩略图--> <!--catid 是指栏目下的内容 我把图片放到9的位置 所以catid="9"--> {/loop} {/pc} </div> <!--大图 结束-->
点击图片进入某个标题的代码
<!--三项 开始--> <div style="width: 100%; height: 30px;"></div> <div class="three"> <div class="three-item"> <!--13代表的是栏目代号--> <a href="{$CATEGORYS[13][url]}"> <img src="{IMG_PATH}images/three1.png" /></a> </div> <div class="three-item"> <a href="{$CATEGORYS[11][url]}"> {pc:content action="lists" catid="16" order="id DESC" num="1"} {loop $data $val} <img src="{$val['thumb']}" style="height: 115px"/> <!--thumb代表缩略图--> <!--catid 是指栏目下的内容 我把图片放到9的位置 所以catid="9"--> {/loop} {/pc} </a> </div>
展示项替换代码
<!--展示项--> {pc:content action="lists" catid="14" order="id DESC" num="4"} {loop $data $val} <div class="dt-item"> <a href="{$val[url]}"> <div class="dt-item-title">{$val[title]}</div> </a> <div class="dt-item-context"> {$val[description]} </div> </div> {/loop} {/pc}
展示项代码2
<!--优秀产品展示 开始--> <div class="yxxm"> <div class="yxxm-title">优秀产品展示</div> {pc:content action="lists" catid="10" order="id DESC" num="6" moreinfo="1"} {loop $data $val} <!--展示项--> <div class="yxxm-item"> <a href="{$val[url]}"> <img src="{$val[thumb]}" /></a> <div class="yxxm-name"> 项目名称: <span>{$val[title]}</span> </div> <div class="yxxm-user"> 客 户: <span>{$val[keywords]}</span> </div> <div class="yxxm-context"> 功 能: <span style="width: 77%;">{$val[description]}</span> </div> <div class="yxxm-context"> 开发人员: <span> {php list($copyfrom)=explode('|',$val['copyfrom'])} {$copyfrom}
<!--上面的意思是引自来源,吧|0去掉-->
</span>
</div>
</div>
{/loop}
{/pc}
以此段div为例,了解时间的添加代码,以及分页
<div class="right"> <a href="$val[url]"> <div class="list-title"> {$CAT['catname']}</div></a> <!--列表项--> {pc:content action="lists" catid="$catid" order="id DESC" num="10" page="$page"} {loop $data $val} <div class="right-item"> <a href="{$val['url']}"> <div class="item-context">{$val['title']}</div> </a> <div class="item-time">{date('Y-m-d H:i:s',$val[inputtime])}</div> </div> {/loop} {/pc} <!--分页--> <div class="paging"> {$pages} </div> </div>
友情链接的添加
友情链接: {pc:link action="type_list" typeid="0" siteid="1" linktype="1" order="listorder DESC" num="4" return="pic_link"} {loop $pic_link $v} <a href="{$v['url']}">{$v['name']}</a> {/loop} {/pc}
关于我们可以用单页面来写,