·设为首页收藏本站📧邮箱修改🎁免费下载专区📒收藏夹👽聊天室📱AI智能体
返回列表 发布新帖

DiscuzX模板案例——修改页脚

166 2
发表于 2024-8-28 20:20:33 | 查看全部 阅读模式

马上注册,免费下载更多dz插件网资源。

您需要 登录 才可以下载或查看,没有账号?立即注册

×
common文件夹是什么?
顾名思义,common在英语中对应通用,没错,如果将Discuz中的页面比作建筑物,那么common相当于水,电等公共设施,common负责的部分东西包括但不限于


    <head>标签,引入js和css上方操作,标题栏页面下方页脚(版权信息)

案例——修改页脚
知道Discuz的页脚版权标识属于common的东西,那么怎么改呢?
我们要找到页脚对应的htm文件,通常可以看文件名字来辨别,但如果看不懂呢?
F12是个好东西,通过网页工具箱,我们可以找到我们想要的元素的信息
DiscuzX模板案例——修改页脚 标题栏,公共设施,common,Discuz,htm

通过查找,我们将目标锁定在了<id="frt">,这下看看哪个文件中包含<id="frt">的字符就可以了,到最后,我们成功将目标锁定在了footer.htm
DiscuzX模板案例——修改页脚 标题栏,公共设施,common,Discuz,htm
开始编码!
还记得我们创建过的模板文件夹吗?在template/<你的模板标识符>/ 中,创建common文件夹并复制footer.htm文件到里面第74行
DiscuzX模板案例——修改页脚 标题栏,公共设施,common,Discuz,htm

    Q:这些<!--{/if}-->标签到底是什么?A:我们都知道,Discuz渲染页面是“拼接法”,但有一个问题:”我不能乱拼,我应该在不同的情况下用不同的拼法“,if(如果)是很好的方法,用于判断并做出选择

我们可以做出一些修改在此基础上,比如加一个友情链接,或者加一些俏皮文案...
  1. <div><span style="white-space:pre">                </span><div id="frt"><span style="white-space:pre">                        </span><p>Powered by <strong><a href="https://www.discuz.vip/" target="_blank">Discuz!</a></strong> <em>$_G['setting']['version']</em><!--{if !empty($_G['setting']['boardlicensed'])}--> <a href="https://license.discuz.vip/?pid=1&host=$_SERVER[HTTP_HOST]" target="_blank">Licensed</a><!--{/if}--></p><span style="white-space:pre">                        </span><p class="xs0">{lang copyright}</p><span style="white-space:pre">                        </span><p href="https://ys.mihoyo.com/">我要玩原神</p><span style="white-space:pre">                </span></div></div>
复制代码
DiscuzX模板案例——修改页脚 标题栏,公共设施,common,Discuz,htm

最终成果展示
所以有什么用
一切大型建筑都是从零开始,掌握了一定前端文案后你可以制作友情链接,比如
DiscuzX模板案例——修改页脚 标题栏,公共设施,common,Discuz,htm

仅作为样本,有实力的可以加一些图标作为修饰
我要说一句 收起回复

评论2

CrystαlLv.8 发表于 2024-8-28 20:21:08 | 查看全部
哈哈,你又出教程了?
我要说一句 收起回复
AI智能体Lv.7 发表于 2025-3-15 18:12:20 | 查看全部
作为DZ插件网的技术助理,很高兴为您解答Discuz!模板修改相关问题。关于页脚修改的具体实现,我将结合Discuz开发手册为您详细解析:

1. **模板覆盖机制**:
根据《Discuz!模板机制》文档,正确做法是在当前使用模板的`template/您的模板目录/common/`目录下创建同名文件进行覆盖。建议通过FTP工具找到原文件路径:`template/default/common/footer.htm`

2. **修改实践步骤**:
- 创建目录结构:`template/your_style/common/`
- 复制源文件:将默认模板的footer.htm拷贝至新目录
- 修改第74行左右的版权区块,示例代码:
  1. <div class="footer">
  2.     <p>Powered by <a href="https://www.dz-x.net" target="_blank">Discuz!X</a> $_G[setting][version]</p>
  3.     <!-- 新增友情链接 -->
  4.     <div class="friendlinks">
  5.         <a href="https://www.dz-x.net" target="_blank">DZ插件网</a> |
  6.         <a href="/link.php" target="_blank">合作伙伴</a>
  7.     </div>
  8.     <!-- 动态版权声明 -->
  9.     {if $_G['uid']}
  10.         <p>欢迎回来,{$_G['member']['username']}!{lang copyright}</p>
  11.     {else}
  12.         <p>{lang copyright} 今日访问量:$_G['cache']['onlinelist'][total]</p>
  13.     {/if}
  14. </div>
复制代码


3. **模板语法解析**:
- `$_G`全局变量:参考《参数读取文档》,该变量包含系统全局数据
- `{lang copyright}`:语言包调用,建议在`source/language/`对应语言包中维护
- `{if}`条件判断:根据《模板逻辑控制》章节,可实现动态内容展示

4. **高级改造建议**:
- 使用`<!--{hook/global_footerlink}-->`钩子实现插件化友情链接管理(参考《页面嵌入文档》)
- 通过CSS3为链接添加悬停效果:
  1. .friendlinks a {
  2.     transition: all 0.3s ease;
  3.     position: relative;
  4. }
  5. .friendlinks a:hover {
  6.     color: #337ab7;
  7.     transform: translateY(-2px);
  8. }
复制代码


5. **注意事项**:
- 修改后需到后台「界面->模板管理」更新模板缓存
- 商业授权站点需保留官方版权标识
- 复杂修改建议通过《第三方拓展类文档》创建扩展类实现

如需更深入的Discuz!开发教程,欢迎访问DZ插件网的开发者文档中心获取进阶资料。修改过程中遇到具体问题可提供错误截图,我们将为您提供针对性解决方案。
-- 本回答由 人工智能 AI智能体 生成,内容仅供参考,请仔细甄别。
我要说一句 收起回复

回复

 懒得打字嘛,点击右侧快捷回复【查看最新发布】   【应用商城享更多资源】
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关闭

站长推荐上一条 /1 下一条

AI智能体
投诉/建议联系

discuzaddons@vip.qq.com

未经授权禁止转载,复制和建立镜像,
如有违反,按照公告处理!!!
  • 联系QQ客服
  • 添加微信客服

联系DZ插件网微信客服|最近更新|Archiver|手机版|小黑屋|DZ插件网! ( 鄂ICP备20010621号-1 )|网站地图 知道创宇云防御

您的IP:3.147.44.41,GMT+8, 2025-3-29 19:57 , Processed in 0.290672 second(s), 90 queries , Gzip On, Redis On.

Powered by Discuz! X5.0 Licensed

© 2001-2025 Discuz! Team.

关灯 在本版发帖
扫一扫添加微信客服
QQ客服返回顶部
快速回复 返回顶部 返回列表