首页模板修改秘籍：轻松打造个性化Discuz论坛首页
discuz怎么修改首页模板

首页 2025-09-02 10:44:35

“嘿嘿，今天心情超好，就像一口气连更十章那么爽！”我搓着手，蹦跶到电脑前，准备给我的小站来个大变身。首页模板？那不就是厨房的锅铲嘛，想炒啥菜就翻哪面！

第一步，先端上我的“魔法面板”——后台管理。输入账号密码，叮！门开了，像推开厨房大门一样香喷喷。第二步，找到“界面”菜单，点“模板管理”，这里挂满了各种锅碗瓢盆：default、touch、mobile，琳琅满目。我挑中那个叫“default”的不锈钢大锅，点击“详情”，哗啦啦，一堆文件像配菜一样蹦出来。

别急，先备份！把“forum/discuz.htm”复制一份存到“backup”文件夹，这可是保命符，万一炒糊了还能回锅。接着，双击打开“forum/discuz.htm”，熟悉的代码像面条一样在眼前晃。我想让首页顶部更霸气，于是找到

，在它怀里塞进一段新HTML：一张超宽横幅，写上“欢迎来到我的小宇宙！”顺手加了个淡入动画，CSS里写上animation: fadeIn 2s ease;，就像给汤撒了点葱花，香味立刻飘出来。

保存，上传，回到前台，Shift+F5一刷新——哇！横幅缓缓落下，像魔法幕布拉开，首页瞬间换了新装。朋友跑来围观，惊得下巴掉键盘：“哥，你这是开挂！”我嘿嘿一笑，甩出一句：“基操勿六，这只是首页变脸第一步！”

再来点进阶玩法！我想让热门帖子像水晶球一样轮播。回到“模板管理”，把“forum/discuz.htm”里帖子列表那块

掏出来，换成轮播组件代码。JS里写个setInterval，每3秒切一张，CSS再补个box-shadow，让它像霓虹灯一样闪。保存，刷新，帖子们开始跳舞，站内热度蹭蹭涨，服务器都笑出风扇声。

最后，别忘了手机端！切到“touch/default/forum/discuz.htm”，把同样招式复制一遍，只是尺寸改成百分比，适配小屏。上传，手机一滑，效果丝滑得像抹了油。我叉腰狂笑：“这下全宇宙都能看见我闪亮的脸啦！”

教程：Discuz首页模板修改超详细步骤

登录后台
打开http://你的域名/admin.php，输入管理员账号密码，进入管理中心。
进入模板管理
左侧菜单依次点击“界面”→“模板管理”，页面会列出已安装模板，如“default”、“touch”等。
备份原始模板
在模板列表中点击“default”右侧的“详情”，找到文件列表。勾选forum/discuz.htm（PC端首页）和touch/default/forum/discuz.htm（移动端首页），点击“导出”或手动FTP下载到本地备份。
修改PC端首页
用FTP或后台“在线编辑”打开template/default/forum/discuz.htm。
- 修改顶部：找到
  标签，可在其内插入自定义横幅HTML，如：
  HTML
  预览
  
  复制
  [/span>div class="my-banner" [/span>img src="static/image/common/banner.jpg" alt="欢迎横幅" div
- 调整样式：打开同目录下的common.css或新建extend_common.css，添加：
  css
  复制
```
.my-banner img{width:100%;height:auto;animation:fadeIn 2s ease;}
@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}
```
修改移动端首页
打开template/default/touch/default/forum/discuz.htm，同样插入横幅代码，但宽度设为100%或max-width:100%以适配小屏。

添加轮播效果（可选）
若想把热门帖子做成轮播，在forum/discuz.htm中找到帖子列表区域，替换为：

HTML

预览

复制

[/span>div id="slidebox"
  
    [/span>div class="slide-item"
      [/span>a href="forum.php?mod=viewthread&tid=$thread【tid】"$thread【subject】a
    div
  
div

在footer.htm末尾引入JS：

JavaScript

复制

[/span>script
var box=document.getElementById('slidebox');
var items=box.children;var idx=0;
setInterval(function(){
  items【idx】.style.display='none';
  idx=(idx+1)%items.length;
  items【idx】.style.display='block';
},3000);
[/span>/script