在Discuz! X3.1中修改底部导航（通常指页面底部的版权信息、友情链接、返回顶部等元素）需要通过修改模板文件和后台设置来完成，以下是详细的操作步骤和注意事项,帮助用户顺利完成底部导航的个性化调整。
修改底部导航的基本方法
底部导航在Discuz! X3.1中主要由模板文件控制，核心文件位于template/default/common/目录下，包括footer.htm和footer_simple.htm等,修改时需遵循以下步骤：
备份原始文件
在修改任何模板文件前，务必先备份原始文件，避免操作失误导致网站显示异常，可通过FTP工具下载footer.htm到本地，或通过Discuz!后台的“模板”功能进行备份。
定位底部导航代码
打开template/default/common/footer.htm文件，底部导航的相关代码通常位于文件末尾，版权信息、备案号、友情链接等代码可能如下：
<div id="footer">
<div class="wp">
<p>{lang homepage}<a href="{$_G['siteurl']}" class="xs1" target="_blank">{$_G['sitename']}</a>{lang stats} $totalmember {lang members}, $totalthreads {lang threads}, $totalposts {lang posts}</p>
<p>$icp <a href="http://www.discuz.net/" target="_blank">{lang powered by discuz!}</a> $discuz_version</p>
</div>
</div>
{$_G['sitename']}为站点名称，$icp为备案号，$discuz_version为Discuz!版本信息。
修改版权信息
直接编辑footer.htm中的文本内容,将版权信息修改为：
<p>© 2023 我的网站 版权所有 | 京ICP备12345678号</p>
若需添加自定义链接,可使用以下代码：
<p><a href="https://www.example.com" target="_blank">关于我们</a> | <a href="https://www.example.com/contact" target="_blank">联系方式</a></p>
调整友情链接
友情链接的调用代码通常位于footer.htm中，默认通过{hook/global_footer}钩子调用，若需修改，可进入“后台”→“全局”→“站点信息”→“友情链接”，添加或编辑链接，若需自定义样式，可在footer.htm中直接添加链接代码，
<div class="friendlink">
<a href="https://www.example1.com" target="_blank">示例网站1</a>
<a href="https://www.example2.com" target="_blank">示例网站2</a>
</div>
添加返回顶部按钮
返回顶部按钮的代码通常位于footer.htm的末尾,默认可能包含以下JS和HTML：
<div id="scrolltop">
<span hidefocus="true"><a class="scrolltopa" onclick="window.scrollTo('0','0')" title="{lang scrolltop}"><b>{lang scrolltop}</b></a></span>
</div>
可通过CSS调整按钮样式，例如在template/default/common/common.css中添加：
#scrolltop {
position: fixed;
right: 20px;
bottom: 20px;
display: none;
}
修改样式与布局
若需调整底部导航的布局或样式，可编辑CSS文件，修改footer.htm中的div类名，并在common.css中定义样式：
#footer {
background-color: #f5f5f5;
padding: 20px 0;
text-align: center;
}
通过后台设置调整部分内容
部分底部导航内容可通过Discuz!后台直接调整,无需修改代码：
- 站点信息：进入“全局”→“站点信息”，可修改站点名称、备案号等。
- 版权信息：在“全局”→“站点信息”→“版权信息”中自定义文本。
- 统计代码：在“全局”→“站点信息”→“统计代码”中添加第三方统计脚本。
注意事项
- 模板兼容性：若使用非默认模板（如第三方模板），需修改对应模板目录下的
footer.htm文件。 - 缓存清理：修改模板后，需在后台“工具”→“更新缓存”中清理模板缓存,否则更改可能不生效。
- 移动端适配：若需修改移动端底部导航，需检查
template/default/mobile/common/目录下的文件，如footer.htm。 - 代码安全：避免直接删除或修改关键JS代码,可能导致功能异常。
常见问题与解决方案
以下是修改底部导航时可能遇到的问题及解决方法：
问题1：修改footer.htm后底部显示异常？
解答：
首先检查代码语法是否正确，如标签闭合是否完整，其次确认是否清理了模板缓存，可通过后台“更新缓存”或手动删除data/template/目录下的缓存文件，若问题依旧，可能是与其他插件冲突,尝试禁用插件后测试。
问题2：如何隐藏底部版权信息？
解答：
在footer.htm中找到版权信息对应的代码（如$discuz_version或{lang powered by discuz!}），直接删除或注释掉（在代码前后添加<!-- -->）。
<!-- <p>$icp <a href="http://www.discuz.net/" target="_blank">{lang powered by discuz!}</a> $discuz_version</p> -->
相关问答FAQs
问题1：Discuz! X3.1底部导航如何添加自定义图标？
解答：
可通过CSS添加图标，在footer.htm的链接中添加<i>标签，并在common.css中定义图标样式：
<a href="#"><i class="icon-home"></i> 首页</a>
.icon-home {
display: inline-block;
width: 16px;
height: 16px;
background: url('icon.png') no-repeat;
}
问题2：如何实现底部导航固定在页面底部？
解答：
在common.css中添加以下CSS代码：
#footer {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
z-index: 999;
}
需在页面内容底部添加内边距（padding-bottom），避免内容被底部导航遮挡。
.content {
padding-bottom: 60px;
} 
