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']}

  导航部分改为：

 {if $top_parentid==0}
 <!--判断首页显示的是不是首页 如果是首页就要加上select这个选项，也就是颜色随之改变-->
 <a href="{siteurl($siteid)}">
 <div class="h-item select">首页</div>
 </a>
 {else}
 <a href="{siteurl($siteid)}">
     <div class="h-item ">首页</div>
 </a>
 {/if}
  <!--下面是除了首页之外的导航中的其他选项，其中的6 是不包含首页的-->
 {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}

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

然后在管理内容中找到大图这一项，添加内容，添加缩略图 

  {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}