dede核心模板如何新建foot.html？-网站模板-锦华智联科技

独立成模板，可以实现“一处修改，全站生效”的效果,极大提高了网站维护的效率。

下面是详细的步骤和最佳实践说明。

第一步：理解核心模板机制

在开始之前，你需要理解 DedeCMS 的模板工作原理：

模板目录：你的网站模板文件存放在 /templets/ 目录下，如果你有多个模板风格，可能会有类似 /templets/default/、/templets/mobile/ 这样的子目录。
核心模板文件：像 index.html (首页)、article_article.html (文章页) 这些是各个页面独立的模板文件。
公共模板文件：像 head.html (头部)、foot.html (页脚) 这类，是多个页面都会用到的公共部分，它们需要被“引入”到各个核心模板文件中。

第二步：创建 `foot.html` 文件

通过后台创建（推荐）

这是最标准、最安全的方法。

登录后台：使用管理员账号登录你的 DedeCMS 后台。
进入模板管理：在左侧菜单栏中，找到并点击 【模板】 -> 【模板管理】。
选择模板目录：在模板管理页面，你会看到当前使用的模板目录（default）,点击该目录名称进入。
新建模板文件：
- 在页面右上角，找到 【增加模板】 按钮。
- 点击后,会弹出一个表单。
- 模板名称：填写 foot，DedeCMS 会自动加上 .html 后缀。
- ：在这里直接输入或粘贴你的页脚 HTML 代码。
- 所属模块：通常选择 【默认模板】 即可。
- 点击【保存】按钮。

通过 FTP/文件管理器创建

如果你习惯使用代码编辑器，或者需要批量处理文件,可以使用此方法。

连接服务器：使用 FTP 客户端（如 FileZilla）或你的主机控制面板里的文件管理器,连接到你的网站服务器。
找到模板目录：进入 /templets/你的模板目录/ 路径下（/templets/default/）。
创建文件：在该目录下，新建一个名为 foot.html 的文件。
：下载这个文件到本地，用你喜欢的代码编辑器（如 VS Code, Sublime Text, Dreamweaver）打开它，编写页脚的 HTML 代码,然后重新上传到服务器覆盖原文件。

第三步：编写 `foot.html` 模板内容

foot.html 里应该放什么呢？通常包括：

网站版权信息
ICP 备案号
公安备案号
友情链接调用
返回顶部按钮
公司地址、联系方式等

下面是一个 foot.html 的典型代码示例：

<!-- foot.html -->
<footer class="footer">
    <div class="container">
        <div class="row">
            <!-- 友情链接 -->
            <div class="col-md-6">
                <h4>友情链接</h4>
                {dede:flink type='text' row='10'}
                <a href="[field:url/]" target="_blank">[field:title/]</a>
                {/dede:flink}
            </div>
            <!-- 版权信息 -->
            <div class="col-md-6 text-right">
                <p>&copy; 2025-2025 我的网站 版权所有</p>
                <p><a href="https://beian.miit.gov.cn/" target="_blank">粤ICP备12345678号</a></p>
                <p><a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=44030502000000" target="_blank">粤公网安备 44030502000000号</a></p>
            </div>
        </div>
    </div>
</footer>
<!-- 返回顶部按钮 -->
<a href="javascript:;" id="back-to-top" class="back-to-top">
    <i class="fa fa-arrow-up"></i>
</a>
<!-- 引入 jQuery 和 Bootstrap 等公共 JS 文件 -->
<script src="{dede:global.cfg_cmsurl/}/static/js/jquery.min.js"></script>
<script src="{dede:global.cfg_cmsurl/}/static/js/bootstrap.min.js"></script>
<!-- 返回顶部按钮的 JS 逻辑 -->
<script>
    $(document).ready(function(){
        $(window).scroll(function () {
            if ($(this).scrollTop() > 100) {
                $('#back-to-top').fadeIn();
            } else {
                $('#back-to-top').fadeOut();
            }
        });
        $('#back-to-top').click(function () {
            $('body,html').animate({scrollTop: 0}, 800);
            return false;
        });
    });
</script>

代码说明：

{dede:flink ...}：这是 DedeCMS 的友情链接标签,用于调用后台设置的友情链接。
{dede:global.cfg_cmsurl/}：这是 DedeCMS 的全局变量，用于获取网站根目录地址，比写死更安全。
CSS 和 JS 文件路径：确保你的静态文件（CSS, JS, 图片）存放在 /static/ 或 /templets/default/ 目录下,并使用正确的路径调用。

第四步：在核心模板中引入 `foot.html`

创建好 foot.html 文件后，它并不会自动显示在网站上，你需要在需要它的核心模板文件（如 index.html, article_article.html 等）中通过标签来引入它。

在核心模板文件的最底部，</body> 标签之前,加入以下代码：

{dede:include filename="foot.html"/}

示例：修改首页模板 index.html

进入后台 【模板】 -> 【模板管理】 -> 【默认模板】。
点击 【主页模板】 对应的 【修改】 按钮。
在 index.html 代码的末尾，找到 </body> 标签，在其上方添加 {dede:include filename="foot.html"/}。
点击 【保存】 按钮。
非常重要的一步：点击页面右上角的 【生成】 按钮，选择 【更新主页HTML】 或 【更新所有HTML】，让 DedeCMS 重新生成首页。

<!-- index.html (部分代码示例) -->
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">{dede:global.cfg_webname/}</title>
    <link rel="stylesheet" href="{dede:global.cfg_cmsurl/}/static/css/bootstrap.min.css">
</head>
<body>
    <!-- 网站头部 -->
    {dede:include filename="head.html"/}
    <!-- 网站主内容区 -->
    <div class="main-content">
        <!-- 这里是首页的主体内容... -->
    </div>
    <!-- 引入页脚模板 -->
    {dede:include filename="foot.html"/}
</body>
</html>

第五步：检查和更新

清除缓存：如果修改后页面没有变化，请先进入后台 【系统】 -> 【系统基本参数】 -> 【性能选项】，点击 【清除全部缓存文件】。
更新HTML：如上所述,使用生成功能重新生成对应的页面。

新建 foot.html 的完整流程可以概括为：

创建文件：在后台“模板管理”中新建 foot.html。
：在 foot.html 中写入页脚的 HTML、CSS 和 JS 代码。
引入调用：在需要显示页脚的核心模板文件（如 index.html）的 </body> 标签前，使用 {dede:include filename="foot.html"/} 标签引入。
生成更新：保存模板后，到后台“生成”页面更新对应的 HTML 文件。

遵循这个流程,你就可以轻松地管理和维护你的网站页脚了。

dede核心模板如何新建foot.html？