phpcms 笔记

首先是要把首页分为三个部分：导航部分、尾部和首页中间部分用了三个不同的文件 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: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 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: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}