查看: 37|回复: 2

[教程] DiscuzX模板案例——修改页脚

[复制链接]

4

主题

1

回帖

0

积分

积极分子

金币
1
阅读权限
220
精华
0
威望
0
贡献
0
在线时间
0 小时
注册时间
2009-12-15
发表于 2024-8-28 17:41:30 | 显示全部楼层 |阅读模式
common文件夹是什么?顾名思义,common在英语中对应通用,没错,如果将Discuz中的页面比作建筑物,那么common相当于水,电等公共设施,common负责的部分东西包括但不限于
  • <head>标签,引入js和css
  • 上方操作,标题栏
  • 页面下方页脚(版权信息)

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


通过查找,我们将目标锁定在了<id="frt">,这下看看哪个文件中包含<id="frt">的字符就可以了,到最后,我们成功将目标锁定在了footer.htm

开始编码!
还记得我们创建过的模板文件夹吗?在template/<你的模板标识符>/ 中,创建common文件夹并复制footer.htm文件到里面第74行


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

我们可以做出一些修改在此基础上,比如加一个友情链接,或者加一些俏皮文案...


  1. <div><span style="white-space:pre">                </span><div id="frt">
  2. <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>
  3. <span style="white-space:pre">                        </span><p class="xs0">{lang copyright}</p>
  4. <span style="white-space:pre">                        </span><p href="https://ys.mihoyo.com/">我要玩原神</p>
  5. <span style="white-space:pre">                </span></div></div>


最终成果展示
所以有什么用
一切大型建筑都是从零开始,掌握了一定前端文案后你可以制作友情链接,比如


仅作为样本,有实力的可以加一些图标作为修饰

common, 页脚, align, 我们
回复

使用道具 举报

8

主题

173

回帖

0

积分

积极分子

金币
173
阅读权限
220
精华
0
威望
0
贡献
0
在线时间
0 小时
注册时间
2010-2-5
发表于 2024-8-28 18:19:15 | 显示全部楼层
哈哈,你又出教程了?
回复

使用道具 举报

31

主题

280

回帖

0

积分

积极分子

金币
280
阅读权限
220
精华
0
威望
0
贡献
0
在线时间
0 小时
注册时间
2010-2-26
发表于 2024-8-28 21:24:27 | 显示全部楼层
diy能解决的事非得改代码,改的还巨难看
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

相关侵权、举报、投诉及建议等,请发 E-mail:qiongdian@foxmail.com

Powered by Discuz! X5.0 © 2001-2026 Discuz! Team.

在本版发帖返回顶部