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}

 

 


 

  

 

posted on 2017-04-12 13:55  霸道小豆丁  阅读(202)  评论(0编辑  收藏  举报

导航