dede核心模板如何新建foot.html？-DEDE建站-盈思创科技

第一步：创建物理文件

你需要在你的电脑上创建一个HTML文件。

（图片来源网络，侵删）

新建文件：在你的电脑上新建一个文本文档。
重命名：将文件名修改为 foot.html。
：用你喜欢的代码编辑器（如 VS Code, Sublime Text, Dreamweaver 等）打开这个文件,并填入你的页脚内容。

一个基础的 foot.html 示例：

<!-- foot.html -->
<footer class="footer">
    <div class="container">
        <div class="row">
            <div class="col-md-6">
                <p>&copy; {dede:global.cfg_webname/} 版权所有</p>
            </div>
            <div class="col-md-6 text-right">
                <p>
                    <a href="{dede:global.cfg_copyright_link/}" target="_blank">{dede:global.cfg_powerby/}</a>
                </p>
            </div>
        </div>
    </div>
</footer>
<!-- 引入底部JS文件，如果有的话 -->
{dede:global.cfg_web_jquery/}
</body>
</html>

代码解释：

{dede:global.cfg_webname/}：调用网站后台设置的“网站名称”。
{dede:global.cfg_copyright_link/}：调用后台设置的“版权信息指向链接”。
{dede:global.cfg_powerby/}：调用后台设置的“Power by”信息。
{dede:global.cfg_web_jquery/}：调用后台设置的“网站底部附加信息”,通常用来放置jQuery等JS引用。
</body> 和 </html>：非常重要！如果你的模板是包含整个HTML结构的，foot.html 通常应该包含页脚内容以及闭合的 </body> 和 </html> 标签，如果你的 head.html 已经包含了 </html>,那么这里就不需要了。

第二步：上传文件到服务器

创建好文件后,你需要将它上传到你的网站服务器上。

通过FTP上传：使用FTP工具（如 FileZilla, FlashFXP 等）连接到你的服务器。
找到目录：进入DedeCMS的模板目录，通常是 /templets/你的默认模板文件夹/，如果你的模板名叫 default，那么路径就是 /templets/default/。
上传文件：将你刚刚创建的 foot.html 文件上传到这个目录中。

第三步：在后台新建模板

这一步是在DedeCMS后台正式“注册”这个模板文件。

（图片来源网络，侵删）

登录后台：登录你的DedeCMS网站后台。
进入模板管理：在左侧菜单中，找到并点击 【模板】 -> 【模板管理】。
选择文件类型：在模板管理页面，点击右上角的 【增加新模板】 按钮。
填写信息：
- 模板名称：填写 foot（或者你喜欢的任何名称，但建议用英文）。
- 模板目录：选择你的模板文件夹，default。
- 模板文件：这是关键！ 文件名会自动生成，你需要手动修改它为 foot.html。
- 模板类型：选择 “独立页面模板”，虽然它不是独立页面,但这个选项可以让你创建一个不依赖栏目或文档的模板文件。
- ：这一步可以留空，因为你已经通过FTP上传了文件，系统会自动读取 /templets/default/foot.html 的内容，如果这里填写了内容，会覆盖你上传的文件内容。建议保持为空。
保存：点击 【保存】 按钮。

foot.html 模板就已经在DedeCMS系统中被成功创建了。

第四步：在主页模板中调用

最后一步，你需要在你的主页模板（通常是 index.htm）中引入这个 foot.html。

编辑主页模板：在后台的 【模板】 -> 【模板管理】 中，找到你的主页模板（index.htm），点击后面的 【修改】。
添加调用代码：在 index.htm 文件中，找到你想放置页脚的位置（通常是 </body> 标签之前）,添加以下DedeCMS标签：
（图片来源网络，侵删）
```
{dede:include filename="foot.html"/}
```
保存并生成：
- 点击模板编辑器右上角的 【保存】 按钮。
- 回到网站后台首页，点击 【生成】 -> 【一键更新网站】 -> 【更新主页】（或者选择“更新所有HTML”）。

刷新你的网站首页,就能看到你新建的页脚了。

进阶与最佳实践

模板分离思想

为了更好的代码管理,推荐将一个完整的页面拆分成多个部分：

head.html：包含 <head> 标签内的所有内容（CSS、JS引用、meta信息、title等）。
header.html：包含网站顶部的导航栏、Logo等。
index.htm：只包含主要内容区域（如 {dede:arclist/} 调用文章列表）。
footer.html：包含页脚内容、</body> 和 </html>


示例 index.htm 结构：
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">{dede:global.cfg_webname/}</title>
    {dede:include filename="head.html"/}
</head>
<body>
    {dede:include filename="header.html"/}
    <main class="main-content">
        <!-- 这里是网站的主要内容 -->
        {dede:arclist titlelen='30' row='10'}
        <h2><a href="[field:arcurl/]">[field:title/]</a></h2>
        <p>[field:description/]...</p>
        {/dede:arclist}
    </main>
    {dede:include filename="footer.html"/}
</body>
</html>
foot.html 中调用更多内容
你可以在 foot.html 中添加更多动态内容，


友情链接：
<div class="friend-links">
    <h3>友情链接</h3>
    {dede:flink row='10'/}
</div>
（注意：需要在后台“友情链接”管理中设置好链接）


统计代码：
<div class="tongji">
    {dede:global.cfg_tongji/}
</div>
（在后台“系统” -> “系统基本参数” -> “其他选项” 中添加统计代码）


：
如果想在后台方便地修改页脚中的某段文字，可以使用“自定义宏标记”。

后台 -> 系统 -> 系统基本参数 -> 添加新变量（变量名：cfg_beianhao，变量值：京ICP备12345678号）。
在 foot.html 中调用：<p>{dede:global.cfg_beianhao/}</p>




通过以上步骤，你就可以轻松地在DedeCMS中创建和使用自己的 foot.html 页脚模板了。

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

第一步：创建物理文件

第二步：上传文件到服务器

第三步：在后台新建模板

第四步：在主页模板中调用

进阶与最佳实践

模板分离思想

`foot.html` 中调用更多内容

相关文章

目录[+]