W!培训课程手机模板

资源名称:wic_education_touch.zip W!培训课程手机模板GBK
下载次数:0  文件大小:1.68 MB  售价:12 创意币 记录
购买VIP 充值创意币 运营教程 免费赚创意币 

安全检测,请放心下载

2022-8-4 13:43 上传

点击文件名下载附件
W!培训课程手机模板GBK

资源名称:wic_education_touch.zip W!培训课程手机模板UTF8
下载次数:3  文件大小:1.68 MB  售价:12 创意币 记录
购买VIP 充值创意币 运营教程 免费赚创意币 

安全检测,请放心下载

2022-8-4 13:43 上传

点击文件名下载附件
W!培训课程手机模板UTF8

资源名称:wic_education_touch_setting.zip 手机模板管理插件
下载次数:2  文件大小:55.24 KB  售价:1 创意币 记录
购买VIP 充值创意币 运营教程 免费赚创意币 

安全检测,请放心下载

2022-8-4 13:44 上传

点击文件名下载附件
手机模板管理插件

微酷网络手机模板调用数据说明

微酷网络educationTOUCH手机模板个性化数据调用方式采用的是discuz内部调用方式。（建议通读完全文的再进行操作）

调用案例

论坛首页---forum.php?forumlist=1&mobile=2

导读首页----forum.php?mod=guide&view=newthread

一共11个数据调用位置(最新发布，最新回复，热门推荐，编辑推荐分别算一个)

进入后台管理中心—门户—模块模板

添加对应的调用模板

1.    wic_education_touch_indexbanner

调用代码

1. [loop]
   
2. 
   
3.        <div class="swiper-slide">
   
4. 
   
5.        <a href="{url}">
   
6. 
   
7.           <img  src="{pic}" />
   
8. 
   
9.        </a>
   
10. 
    
11.        </div>
    
12. 
    
13. [/loop]

复制代码

2.    wic_education_touch_indexblock1

调用代码：

1. <ul>
   
2. 
   
3. [loop]
   
4. 
   
5. <li>
   
6. 
   
7.        <a href="{url}" class="flex_box2">
   
8. 
   
9.                    <div class="pic"><img  src="{pic}" /></div>
   
10. 
    
11.               <div class="info flex">
    
12. 
    
13.                      <h3>{title}</h3>
    
14. 
    
15.                      <div class="other cl">            
    
16. 
    
17.                             <span># {forumname}</span>
    
18. 
    
19.                             <em><i class="iconfont icon-view mr5"></i>{views}</em>
    
20. 
    
21.                      </div>
    
22. 
    
23.               </div>
    
24. 
    
25.        </a>
    
26. 
    
27. </li>
    
28. 
    
29. [/loop]
    
30. 
    
31. </ul>

复制代码

3.    wic_education_touch_indexnote

调用代码：

1. <ul>
   
2. 
   
3. [loop]
   
4. 
   
5. [order=odd]<li class="odd">
   
6. 
   
7.        <a href="{url}"{target}>
   
8. 
   
9.               <img src="{pic}" />
   
10. 
    
11.               <h3>{title}</h3>
    
12. 
    
13.               <p>{views}人学习</p>
    
14. 
    
15.        </a>
    
16. 
    
17. </li>[/order]
    
18. 
    
19. [order=even]<li class="even">
    
20. 
    
21.        <a href="{url}"{target}>
    
22. 
    
23.               <img src="{pic}" />
    
24. 
    
25.               <h3>{title}</h3>
    
26. 
    
27.               <p>{views}人学习</p>
    
28. 
    
29.        </a>
    
30. 
    
31. </li>[/order]
    
32. 
    
33. [/loop]
    
34. 
    
35. </ul>

复制代码

4.    wic_education_touch_indexdynamic

调用代码：

1. <ul>
   
2. 
   
3. [loop]
   
4. 
   
5. <li>
   
6. 
   
7.        <div class="tit"><a href="{url}"{target}>{title}</a></div>
   
8. 
   
9.        <div class="info cl">
   
10. 
    
11.               <a href="home.php?mod=space&uid={authorid}" class="author z"><img src="{avatar}" width="20" height="20" />{author}</a>
    
12. 
    
13.               <span class="time z">{dateline}</span>
    
14. 
    
15.               <span class="reply y">{replies} 评论</span>
    
16. 
    
17.               <span class="view y">{views} 浏览</span>
    
18. 
    
19.        </div>
    
20. 
    
21. </li>
    
22. 
    
23. [/loop]
    
24. 
    
25. </ul><span style="font-size: 12pt; text-indent: 0cm; background-color: rgb(255, 255, 255);"> </span>

复制代码

5.wic_education_touch_indexheadline

调用代码：

1. [loop]
   
2. 
   
3.        <div class="swiper-slide">
   
4. 
   
5.           <a href="{url}">{title}</a>
   
6. 
   
7.         </div>
   
8. 
   
9. [/loop]

复制代码

6.wic_education_touch_indexteacher

调用代码：

1. <div class="wic_index_elite_teacher">
   
2. 
   
3. <ul class="swiper-wrapper">
   
4. 
   
5. [loop]
   
6. 
   
7. <li class="swiper-slide"><a href="{url}"{target}><img src="{avatar_middle}"/><p>{title}</p></a></li>
   
8. 
   
9. [/loop]
   
10. 
    
11. </ul>
    
12. 
    
13. </div>

复制代码

进入管理中心—门户—模块管理—数据调用

一共需要添加10个数据调用

模块标识为wic_education_touch_indexbanner，wic_education_touch_indexblock1，wic_education_touch_indexblock6，wic_education_touch_indexblock8，ic_education_touch_indexheadline 添加时模块分类要选择帖子模块

模块标识为wic_education_touch_indexblock2，wic_education_touch_indexblock3，wic_education_touch_indexblock4，wic_education_touch_indexblock5添加时模块分类要选择静态模块

数据来源要选择分类信息

分类信息要选择求职招聘

模块标识为wic_education_touch_indexblock7添加时模块分类要选择会员模块

模块标识与显示样式对应表（下图的模块模板就是显示样式，添加的时候要注意之间的对应关系）

是否含图片

模块标识为wic_education_touch_indexbanner，wic_education_touch_indexblock1，wic_education_touch_indexblock6 需要选择是 含图片

显示条数与模块标识对应表

其他的选项根据自己的需要进行选择填写就可以（都是字面意思例如所在版块）

最后一步，以上都顺利设置之后就会出现下图

点击右边的内部调用

分别点击就会在窗口上弹出以上窗口

进入应用--W!education手机模板管理--设置(没有的话 需要先在插件里面安装一下即可出现) 将数字填写到相应的对应关系中(对应关系在图下方)

首页幻灯片配置----------wic_education_touch_indexbanner

首页模块1-----------wic_education_touch_indexblock1

首页模块2-----------wic_education_touch_indexblock2

首页模块3-----------wic_education_touch_indexblock3

首页模块4-----------wic_education_touch_indexblock4

首页模块5-----------wic_education_touch_indexblock5

首页模块6-----------wic_education_touch_indexblock6

首页模块7-----------wic_education_touch_indexblock7

首页模块8-----------wic_education_touch_indexblock8

首页头条设置---------wic_education_touch_indexheadline

将复制的代码进行相应替换保存就可以了

如果有不明白的地方请联系在线客服

微酷网络手机模板修改说明

手机模板开启方法

1.将风格选择为手机触屏版

2.全局开启手机版

模板文件目录

主要文件介绍如下

Common公用文件夹

Common/header.htm头部文件

Common/footer.htm底部文件

Forum 论坛文件夹

Forum/discuz.htm论坛首页

Portal 门户首页夹

Portal/index.htm首页

Static文件夹

存在一些js文件 图片文件  css文件

Static/css/touch_extend.css是模板的css样式文件

如果有不明白的地方请联系在线客服

W!education手机模板管理 插件

对应模板区域如下图

快捷菜单

根据自己需要进行设置对应模板区域如下图

内容发布项目

对应模板区域如下图

侧边栏导航

对应模板区域如下图

底部导航

对应模板区域如下图