论坛首页UI更新

其实一开始并没有这样的打算，只是在修改顶部链接的时候，不小心把首页展示最新帖，最新回复，最热帖以及注册用户的模块删掉了。

具体删除方式如上图，我也不清楚为什么就点到这里了。

然后我各种用备份的template文件覆盖现有的，发现根本没有变化。
既然恢复不了，只好重新做了，我在template/当前主题/的文件夹里找了好久，其中template/当前主题/forum/discuz.php是门户相关的脚本，本以为找到这个就万事大吉了，然而事情并没有我想象的那么顺利。经过各种定位调试，我发现真正起作用的是这么一行代码：

1. <!--{if empty($gid)}-->
   
2.         <div class="wp">
   
3.                 <!--[diy=diy1]--><div id="diy1" class="area"></div><!--[/diy]-->
   
4.         </div>
   
5. <!--{/if}-->

复制代码

什么意思呢，被我删掉那部分是用户diy的……和模板这部分无关，模板只提供CSS……

这么看，这部分diy内容应该是存在数据库里了，然而又不想直接还原，上次备份是1月多，看来还是要保持每月26号备份的传统。
偶然间我发现，用admin登录可以直接自定义模块。

虽然操作还不是很人性，但比起啃代码已经舒服多了。
在门户，模块模板里可以更改每个模块的显示内容（头像，标题，作者，更新时间，点击量），自己组合出需要的模块即可。

1. <div id="m120">
   
2. <ul>
   
3. [loop]
   
4. <li>
   
5. <span class="z">
   
6. <a href="{url}"{target}><img src="{avatar}" height="100%" /></a>
   
7. </span>
   
8. 
   
9. <span class="m120_t">
   
10. <a href="{url}" title="{title}"{target}>{title}</a>
    
11. <p>{lastposter} | 回复于 {lastpost} | 点击 {views}</p></span>
    
12. </li>
    
13. [/loop]
    
14. </ul>
    
15. </div>

复制代码

可以通过修改 template/当前主题/common/extend_common.css文件来调整模块的样式，使用F12追踪相关模块的类，然后修改对应内容即可。
注意，覆盖了在线的文件之后，都必须在后台->工具->更新缓存里更新diy模板的缓存之后才会生效。
（即时预览css参数修改之后的效果：打开F12追踪模式，可以修改里头的部分css参数，这样就可以变相地即时预览，找到合适的参数之后再回头改css文件，可以大大提高效率。）

然后给大家看一下最终效果吧，尽量还原了站长当时做的效果，另外加入了精华帖的选项卡，大家对UI还有什么建议的欢迎随时提出。前端攻城狮讲继续啃代码……

回头想一下，可能最初站长做这个模块的时候没有把模块和主页链接起来，导致后台误认为这是未使用的模块？原因就不清楚了，我在改完这些之后，新添加的模块都是已经使用的，不会被清除。原因无所谓了，能恢复正常使用就好。

为什么还教我们具体删除方式。。。

其实我原来电脑里还存着没放到服务器上之前的版本，对照着改应该是能调回来的，但是我比较懒。。所以。。

报告：我把之前首页DIY模块重新导入了，现在覆盖了你的。。另外也沿用了精华帖板块。备份在backups/styles文件夹里，可以随时导入还原= =

木綿 发表于 2019-8-18 11:28
报告：我把之前首页DIY模块重新导入了，现在覆盖了你的。。另外也沿用了精华帖板块。备份在backups/styles ...

还是站长厉害！

讲论坛logo的ico文件从16*16提升至128*128。
再保存网页到主屏幕时，可以显示高清图标了。