您现在的位置是：首页 > cms教程 > phpcms教程phpcms教程

phpcms首页制作方法代码示例

韦鲁郎2025-05-26 11:27:24phpcms教程已有1人查阅

导读首先是要把首页分为三个部分：导航部分、尾部和首页中间部分用了三个不同的文件 header.html ; index.html; footer.html在使用phpcms之前首先要把网页的css/js/img

首先是要把首页分为三个部分：导航部分、尾部和首页中间部分用了三个不同的文件 header.html ; index.html; footer.html在使用phpcms之前首先要把网页的css/js/img放到statics文件夹中对应的文件夹里面；然后在template文件夹中建一个文件夹然后放入 header.html ; index.html; footer.html 中
那么在把网站的首页分为三部分之后，最先要做的就是要改路径分别为{CSS_PATH}+放入的css文件名； {JS_PATH}+放入的js文件名；
{IMG_PATH}+放入的图片文件夹名；修改完成之后网页就可以正常显示了
我们用phpcms是为了把静态的网页设置成动态的，那么里面的图片什么的都是可以改动的
标题部分改为：

{if isset($SEO['title']) && !empty($SEO['title'])}{$SEO['title']}{/if}{$SEO['site_title']}

导航部分改为：

1 {if $top_parentid==0}
2 <!--判断首页显示的是不是首页 如果是首页就要加上select这个选项，也就是颜色随之改变-->
3 <a href="{siteurl($siteid)}">
4 <div class="h-item select">首页</div>
5 </a>
6 {else}
7 <a href="{siteurl($siteid)}">
8 <div class="h-item ">首页</div>
9 </a>
10 {/if}
11<!--下面是除了首页之外的导航中的其他选项，其中的6 是不包含首页的-->
12 {pc:content action="category" catid="0" num="6" siteid="$siteid" order="listorder ASC"}
13 {loop $data $r}
14 {if $catid==$r[catid]||$top_parentid==$r[catid]}
15 <div class="h-item2">/</div>
16 <a href="{$r[url]}">
17 <div class="h-item select">{$r[catname]}</div>
18 </a>
19 {else}
<div class="h-item2">/</div>
<a href="{$r[url]}">
<div class="h-item">{$r[catname]}</div>
</a>
{/if}
{/loop}
{/pc}

改为导航之后就是首页的大图了，那么替换大图首先要在新建一个栏目：内容--管理栏目--添加栏目添加大图，并且在导航中不能显示
然后在管理内容中找到大图这一项，添加内容，添加缩略图

{pc:contentaction="lists" catid="9" order="id DESC"num="1"}
{loop $data $val}
<img src="{$val['thumb']}"/>
<!--thumb代表缩略图-->
<!--catid 是指栏目下的内容我把图片放到9的位置 所以catid="9"-->
{/loop}
{/pc}

如果是点图片链接到导航点开的网页
例如：

<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]}">
<img src="{IMG_PATH}images/three2.png" /></a>
</div>
<div class="three-item">
<a href="{$CATEGORYS[12][url]}">
<img src="{IMG_PATH}images/three3.png" /></a>
</div>

下面是列表的修改：

<!--标题-->
<div class="dt-title">
<span class="dt-sp1">{$CATEGORYS[14][catname]}</span>
<a href="{$CATEGORYS[14][url]}"><span class="dt-sp2" style="color: white;">更多>></span></a>
</div>
<!--展示项-->
{pc:contentaction="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}