首页制作帮助-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
首页设置 其他页面设置 链接地址
<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.头部导航替换显示 详情》》
导航LOGO修改 联系方式修改 可参考 详情》》
LOGO 需要图片 调用方式 __LOGO__/{$confs.logo}
其他字段调用方式例如电话 {$confs.dianhua}
7.底部调用 一般底部调用的是通用字段 方式 {$confs.dianhua}
如何有简介和菜单类的可以使用一下代码
第一步:设置栏目标识page1,page2,page3,page4,page5
可选中,一般设置了5个标尺
第二步:前端调用我这选用的是page1
使用方式如下
<h6>{$page1.cate_name}</h6>
<p>{$page1.content|delhtml=###|cut_str="100"}</p>
content
对应数据表内容,可以替换成文章简介description
,delhtml
为去除内容中HTML标签 ,cut_str
为显示字数
其他字段可以参考 全局数据结构表种的tp_cate表格 详情》》
8.底部菜单设置
1.设置:在栏目管理列表中选中首级栏目点击编辑 ->找到是否在底部显示,设置为是
2.前端使用 案例
{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.其他设置:版权、地址、联系方式设置,看参考全局变量使用 详情》》
头部大图轮播:特殊效果可以设置为静态文件即可,
动态设置,建立广告管理 -创建广告位—在广告管理列表中进行添加广告图片,
在index/index.php 中修改图片调用adpos_id
即可
//图片广告
$ads=db('ad')->where(array('adpos_id'=>5,'on'=>1))->find();
全都调用方式{$adStr}
首页简介调用方式 详情》》
列表更多详情{: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 即可
图片调用:可扩展位图片列表、文章列表、图片滚动、友情链接等 详情》》