首页制作帮助-index

1.导入静态资源文件到`template`文件夹下

2.启用这个项目 点击完整管理-》对应网站点击使用，

3.修改js css 图片调用路径 `{$temp_css}`
格式
`  <link rel="stylesheet" href="{$temp_css}/font/iconfont.css">`
`<script type="text/javascript" src="{$temp_css}/js/wow.min.js"></script>`

**4.修改 title、keywords、desc**
首页设置  其他页面设置 [链接地址](http://help.hbsjsd.cn/art/list/3.html "链接地址")
```html
 <title>{$confs.sitename}</title>
 <meta name="keywords" content="{$confs.keywords}"/>
 <meta name="description" content="{$confs.desc}"/>
```

**5.分割公共部分**
一般为头部：我这命名为`head.html` 可之定义

底部：我这命名为`footer.html` 可之定义

**使用方式**

`{include file="xuexiao/head"}`

`{include file="xuexiao/footer"}`

`xuexiao`前端页面目录名称

`head`前端切开页面 注意不需要带后缀，否则无效

6.头部导航替换显示 [详情》》](http://help.hbsjsd.cn/art/list/39.html "详情》》")
导航LOGO修改 联系方式修改 可参考 [详情》》](http://help.hbsjsd.cn/art/list/57.html "详情》》")

LOGO 需要图片 调用方式 `__LOGO__/{$confs.logo}`

其他字段调用方式例如电话 `{$confs.dianhua}`

7.底部调用 一般底部调用的是通用字段 方式  `{$confs.dianhua}`如何有简介和菜单类的可以使用一下代码

第一步：设置栏目标识`page1，page2，page3，page4，page5`可选中，一般设置了5个标尺

第二步：前端调用我这选用的是`page1`使用方式如下
```html
<h6>{$page1.cate_name}</h6>
<p>{$page1.content|delhtml=###|cut_str="100"}</p>
```
`content`对应数据表内容，可以替换成文章简介`description` ，`delhtml`为去除内容中HTML标签 ，`cut_str`为显示字数
其他字段可以参考 全局数据结构表种的tp_cate表格 [详情》》](http://help.hbsjsd.cn/art/list/48.html "详情》》")

8.底部菜单设置
1.设置：在栏目管理列表中选中首级栏目点击编辑 ->找到是否在底部显示，设置为`是`
2.前端使用 案例
```html
{volist name="botCateRes" id="cate"}
     <div class="col-md-2 col-sm-4 col-12">
        <h5>{$cate.cate_name}</h5>
        <ul>
           {volist name="$cate['children']" id="scate"}
             <li><a href="{$scate.cate_attr|makeurl=###,$scate.id}">{$scate.cate_name}</a></li>
            {/volist}
         </ul>
       </div>
{/volist}
```

循环输出一级菜单`{volist name="botCateRes" id="cate" } {/volist}`
一级菜单链接 `{$cate.cate_attr|makeurl=###,$cate.id}`
一级菜单栏目名称 `{$cate.cate_name}`
判断是否有二级菜单 `{if condition="$cate.children" }{/if}`
二级菜单循环`{volist name="$cate['children']" id="scate"}{/volist}`
二级菜单链接 `{$scate.cate_attr|makeurl=###,$scate.id}`
二级菜单栏目名称 `{$scate.cate_name

9.其他设置:版权、地址、联系方式设置，看参考全局变量使用 [详情》》](http://help.hbsjsd.cn/art/list/48.html "详情》》")

头部大图轮播：特殊效果可以设置为静态文件即可，
动态设置，建立广告管理 -创建广告位--在广告管理列表中进行添加广告图片，
在index/index.php 中修改图片调用`adpos_id` 即可
```php
//图片广告
$ads=db('ad')->where(array('adpos_id'=>5,'on'=>1))->find();
```
全都调用方式{$adStr}

首页简介调用方式 [详情》》](http://help.hbsjsd.cn/art/list/39.html "详情》》")

**列表更多详情**`{:url('cate/index',array('cid'=>$cate['id']))}`
`cate/index`调用方法列表 传值`cid`，`$cate['id']`改为栏目固定ID 即可

**简介更多详情**`{:url('Page/index',array('cid'=>$page1['id']))}`
`Page/index`调用方法列表 传值`cid`，`$page1['id']`改为栏目固定ID 即可

图片调用：可扩展位图片列表、文章列表、图片滚动、友情链接等 详情》》

速建时代TPCMS管理系统

首页制作帮助-index