请选择 进入手机版 | 继续访问电脑版
设为首页收藏本站 隐藏访客:

在线聊天 同时在线

 找回密码
 立即注册
查看: 141138|回复: 0

12月27日功能更新

[复制链接]

69

主题

86

帖子

381

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
381
来自- 江苏
发表于 2021-12-26 19:02:02 手机 | 显示全部楼层 |阅读模式 来自- 江苏
来自- 江苏
教程-美图-通用-手机
枣儿设计

一、在管理中心开启手机版(必须)
1. 网站后台 -- 全局 -- 手机版设置 -- 开启手机版(选择是)-- 启用新触屏版(选择否)-- 开启手机浏览器自动跳转(选是)-- 允许非论坛作为首页(选否)-- 是否允许手机版注册(选是)-- 是否开启热帖(选是)-- 是否显示置顶帖(选是)-- 启用本地化微社区前端(选择否) --  提交。
2. 网站后台 -- 模板 -- 只勾选“ZAO-TWAP”下的(手机触屏版)-- 提交。
3. 网站后台 -- 模板 -- ZAO-TWAP -- 右下角的编辑按钮 -- 自定义模板变量 -- 修改对应替换内容或者不修改 -- 更改替换内容里的16进制颜色编码就可以修改主配色 -- 提交。
4. 网站后台 -- 全局 -- 站点功能 -- 广播 -- 开启 -- 勾选主导航和快捷导航 -- 确定。
5. 网站后台 -- 全局 -- 站点功能 -- 导读 -- 开启(必须开启) -- 勾选主导航和快捷导航 -- 确定。
6. 网站后台 -- 全局 -- 站点功能 -- 排行榜 -- 开启 -- 勾选主导航和快捷导航 -- 确定。
7. 网站后台 -- 全局 -- 站点功能 -- 主题评价 -- 启用主题评价 -- 是 -- 提交。
8. 网站后台 -- 全局 -- 站点功能 -- 帖子阅读 -- 启用回帖投票 -- 是 -- 提交。

PS:替换内容里可以修改主题颜色,即 #333333 这个代码,它表示黑色,如果你想要修改为红色、蓝色、绿色、黑蓝色等等,可以在百度里搜索“十六进制颜色代码表”,会有很多颜色可供选择,选择你喜欢的颜色代码,直接修改即可并提交。

二、设置手机版首页“左列图片模块”数据筛选规则
网站后台 -- 门户 -- 模块管理 -- 数据调用 -- 选择模块分类 -- 选择(帖子模块)-- 点击(添加调用)-- (出现编辑模块弹出框,按照下面提示填写对应内容)
模块标示:左列图片模块
模块分类:帖子模块
数据来源:高级自定义
所在版块:全部版块(也可以选某个版块或按ctrl+可选某几个版块)
主题排序方式:按发布时间倒序排序(也可以选择其他方式)
显示条数:20(也可设置其他数字,建议不用太大,太多会影响加载)
数据缓存更新:60改为1(也可设置其他数字,建议小些,比如1,即1分钟自动刷新一次)
其他未提及的设置项,可以保持系统默认
最后点击“确定”
PS:弹出框中有很多设置项,这里只提示要修改的必要项目,其他的默认即可。




三、设置手机版首页“右列图片模块”数据筛选规则
网站后台 -- 门户 -- 模块管理 -- 数据调用 -- 选择模块分类 -- 选择(帖子模块)-- 点击(添加调用)-- (出现编辑模块弹出框,按照下面提示填写对应内容)
模块标示:右列图片模块
模块分类:帖子模块
数据来源:高级自定义
所在版块:全部版块(也可以选某个版块或按ctrl+可选某几个版块)
主题排序方式:按回复数倒序排序(也可以选择其他方式)
显示条数:20
数据缓存更新:60改为1
其他未提及的设置项,可以保持系统默认
最后点击“确定”
PS:弹出框中有很多设置项,这里只提示要修改的必要项目,其他的默认即可。
(基本上和左列图片模块相同,就不提供截图演示了)

四、分别拷贝左列、右列图片模块的对应代码
分别点击两个模块右侧的“属性”按钮,弹窗会再次出现,然后点击“模块模板”,把里面系统默认的代码全部删除,把本教程下面的代码分别复制进去,然后点击“更新”。
PS:注意不要拷贝错,对应模块拷贝对应模块的代码


左列图片模块 代码:
<div class="twap-left">
[loop]
<div class="twap-card">
<div class="twap-card-pic"><a href="{url}"><img src="{pic}" /></a></div>
<div class="clearze">
<div class="twap-card-title"><a href="{url}">{title}</a></div>
<div class="twap-card-info cl">
<div class="ava-img"><img src="{avatar_middle}" /></div>
<div class="ava-name grey">{author}</div>
<div class="ava-zan"><i class="zaofont iconpraise grey fszet"></i><em class="grey fszet">{recommends}</em></div>
</div>
</div>
</div>
[/loop]
</div>


右列图片模块 代码:
<div class="twap-right">
[loop]
<div class="twap-card">
<div class="twap-card-pic"><a href="{url}"><img src="{pic}" /></a></div>
<div class="clearze">
<div class="twap-card-title"><a href="{url}">{title}</a></div>
<div class="twap-card-info cl">
<div class="ava-img"><img src="{avatar_middle}" /></div>
<div class="ava-name grey">{author}</div>
<div class="ava-zan"><i class="zaofont iconpraise grey fszet"></i><em class="grey fszet">{recommends}</em></div>
</div>
</div>
</div>
[/loop]
</div>


五、同步左列、右列图片模块的 内部调用 数字
分别点击两个模块右侧的“内部调用”按钮,弹窗会再次出现,类似下面的截图

用脑子记住3、4这两个数字,每个系统因为前置模块的不同,编号会不同,我的演示站是3、4,你的系统可能是88、89,或者11、12,都没关系,记住那两个数字即可。

六、登录你的网站服务器修改内部调用数字
登录你的网站所在的服务器,登录方式根据你的服务器服务商而定。
然后进入你的服务器文件夹,找到并编辑这个文件:template/zaoer_twap/touch/diy/diy.php
把这个文件中默认的10000、20000这两个数字,按照数字从小到大,依次修改为你刚才记住的四个数字3、4,然后保存即可。

修改前如下:


修改后如下:


七、设置更新缓存
网站后台 -- 工具 -- 更新缓存 -- 三个都勾选 -- 确定

八、自定义数据图片、文字、链接等
8.1、完成以上模块设置后,系统会自动筛选并显示出相应排序的数据,但是某些数据你不愿意显示出来,或者想让某些数据显示在位置在上面或者下面,怎么设置?或者想修改对应数据的图片、文字、链接?
以“左列图片模块”举例(右列图片模块的diy同理):
网站后台 -- 门户 -- 模块管理 -- 数据调用 -- 左列图片模块 -- 数据 -- 位置(可以设置显示排序)-- 屏蔽(可以屏蔽不显示对应数据)--编辑(里面的帖子url可以设置内链或外链,里面的帖子标题可以设置想显示的文案)-- 编辑过的数据会在前面有个蓝色“编辑”字样 -- 已经屏蔽不显示的数据也可以重新显示 --


8.2、如何修改登录注册页等页面的默认logo图片?
准备一张任意尺寸的图片,命名为:logo.png,图片命名必须为:logo.png
然后通过ftp或您的服务器文件管理平台,替换覆盖该位置图片文件:
./template/zaoer_twap/touch/zaoer/images/logo.png
替换覆盖文件后,如果前端图片没有替换,请清除您所用手机浏览器缓存即可。


8.3、如何添加或修改论坛页顶部的广告单张图片和链接?
进入你网站后台管理中心-运营-站点广告-找到底部“添加自定义广告”-在输入框里输入一个你自定义的文案-点击提交-就会进入详细设置页面-按照相关提示操作-最后点击提交就可以了。



九、完成
设置完以上步骤,就完成了。
在手机上打开你的网址,就可以查看新模板效果。
来自- 江苏
回复

使用道具 举报

高级模式
B Color Image Link Quote Code Smilies |上传

本版积分规则

Archiver|手机版|小黑屋|在线聊天   ...................... .............. ..........................

GMT+8, 2022-1-19 21:36 , Processed in 1.281250 second(s), 12 queries , File On.

Powered by Discuz! X3.3

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表