透明的星尘 发表于 2019-7-1 02:48:21

论坛首页UI更新

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

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

然后我各种用备份的template文件覆盖现有的,发现根本没有变化。
既然恢复不了,只好重新做了,我在template/当前主题/的文件夹里找了好久,其中template/当前主题/forum/discuz.php是门户相关的脚本,本以为找到这个就万事大吉了,然而事情并没有我想象的那么顺利。经过各种定位调试,我发现真正起作用的是这么一行代码:
<!--{if empty($gid)}-->
      <div class="wp">
                <!----><div id="diy1" class="area"></div><!---->
      </div>
<!--{/if}-->什么意思呢,被我删掉那部分是用户diy的……和模板这部分无关,模板只提供CSS……

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

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

<li>
<span class="z">
<a href="{url}"{target}><img src="{avatar}" height="100%" /></a>
</span>

<span class="m120_t">
<a href="{url}" title="{title}"{target}>{title}</a>
<p>{lastposter} | 回复于 {lastpost} | 点击 {views}</p></span>
</li>

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

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

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


白隼 发表于 2019-7-1 09:58:34

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

木綿 发表于 2019-8-17 15:54:49

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

木綿 发表于 2019-8-18 11:28:33

本帖最后由 木綿 于 2019-8-18 11:43 编辑

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

透明的星尘 发表于 2019-8-19 07:29:03

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

还是站长厉害!

透明的星尘 发表于 2019-9-4 11:37:45

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

页: [1]
查看完整版本: 论坛首页UI更新