织梦 网页底部 加入qq联系 代码

最简单直接的方法（直接修改模板文件）

这种方法适用于只有一个QQ号码,并且希望它以纯文本或普通链接形式显示。

步骤：

1. 登录织梦后台：使用你的管理员账号登录织梦网站后台。

2. 找到底部模板文件：

   • 在后台左侧菜单栏，找到 “模板” -> “默认模板管理”。
   • 在列表中找到你当前正在使用的模板，点击其右侧的 “修改” 或 “编辑” 按钮。
   • 这会打开模板的HTML代码，你需要找到底部的模板文件，通常是 footer.htm，如果找不到，可以检查首页模板 index.htm 的底部，看看它是如何引入底部的（通常是通过 {dede:include filename="footer.htm"/} 这样的标签）。

3. 添加QQ代码：

   
   （图片来源网络，侵删）

   • 在 footer.htm 文件中，你希望显示QQ联系信息的位置（比如版权信息旁边）,加入以下代码之一：

   • 方案A：纯文本显示（推荐） 这种方式比较美观，不容易被广告拦截软件屏蔽,用户点击后弹出QQ聊天窗口。

     <a href="tencent://message/?uin=你的QQ号码&Site=&Menu=yes" target="_blank" title="在线咨询">
         <img src="/templets/你的模板目录/images/qq.png" alt="QQ在线咨询" border="0" />
     </a>

     • 说明：
       • 你的QQ号码：替换成你的实际QQ号码。
       • tencent://message/...：这是QQ的官方协议,点击后会自动打开QQ聊天窗口。
       • target="_blank"：在新窗口中打开。
       • title="在线咨询"：鼠标悬停时显示的提示文字。
       • src="/templets/你的模板目录/images/qq.png"：这是关键，你需要准备一张QQ图标（比如从网上下载一个 qq.png），然后上传到你当前模板目录的 images 文件夹里，如果路径不对,图片将无法显示。

   • 方案B：直接显示QQ号码 如果不想用图标，只想显示号码,可以用这个：

     <a href="tencent://message/?uin=你的QQ号码" target="_blank">QQ: 你的QQ号码</a>

4. 保存并更新：

   
   （图片来源网络，侵删）
   • 修改完成后，点击模板编辑器右上角的 “保存” 按钮。
   • 为了让修改立即生效，建议在后台首页点击 “生成” -> “更新主页HTML”，或者直接清除一下浏览器缓存,然后刷新你的网站首页查看效果。

更专业的方法（使用自定义函数）

如果你想在网站的多个地方（比如文章页、列表页）都调用QQ信息，或者希望管理更方便，推荐使用自定义函数，这样，QQ号码只需要在后台设置一次,全站都会更新。

步骤：

1. 在后台添加系统变量：

   • 在织梦后台，找到 “系统” -> “系统基本参数” -> “添加新变量”。
   • 变量名称：填写 qq (全部小写，方便调用)。
   • 变量类型：选择“文本”。
   • 参数说明：填写“网站QQ联系方式”。
   • 变量值：填写你的QQ号码。
   • 所属组：选择“站点设置”。
   • 点击 “保存”。

2. 修改底部模板文件：

   • 和方法一一样，打开 footer.htm 文件。
   • 在需要显示的位置，使用织梦的 {dede:global} 标签来调用你刚刚设置的变量。

   <a href="tencent://message/?uin={dede:global.qq/}&Site=&Menu=yes" target="_blank" title="在线咨询">
       <img src="/templets/你的模板目录/images/qq.png" alt="QQ在线咨询" border="0" />
   </a>

   • 说明：这里的 {dede:global.qq/} 会自动读取你在后台“系统基本参数”里设置的QQ号码。

3. 保存并更新：

   保存模板,并更新网站主页HTML。

这种方法的优势：

• 集中管理：以后如果QQ号码变了，只需要在后台修改一个变量值，所有调用这个标签的页面都会自动更新,非常方便。
• 代码复用：你可以在任何模板文件里使用 {dede:global.qq/} 来显示QQ号。

制作一个完整的“联系我们”模块

如果你的底部有专门的“联系我们”区域，包含电话、邮箱、地址等多个信息,可以制作一个更完整的模块。

步骤：

1. 添加多个系统变量：

   • 在后台“系统基本参数”中，添加以下变量：
     • 变量名：tel，值：你的电话，说明：网站联系电话
     • 变量名：email，值：你的邮箱，说明：网站联系邮箱
     • 变量名：address，值：你的公司地址，说明：网站联系地址
     • 变量名：qq，值：你的QQ，说明：网站QQ联系方式

2. 修改底部模板 footer.htm：

   • 设计你的“联系我们”HTML结构,并调用这些变量。

   <div class="contact-us">
       <h3>联系我们</h3>
       <p><i class="icon-phone"></i> 电话：{dede:global.tel/}</p>
       <p><i class="icon-qq"></i> QQ：<a href="tencent://message/?uin={dede:global.qq/}" target="_blank">{dede:global.qq/}</a></p>
       <p><i class="icon-envelope"></i> 邮箱：{dede:global.email/}</p>
       <p><i class="icon-map-marker"></i> 地址：{dede:global.address/}</p>
   </div>

   • 注意：这里的 i class="icon-phone" 是使用了字体图标（如Font Awesome），你需要确保你的模板已经加载了相应的图标库，或者用 <img> 标签代替。

3. 保存并更新。

总结与建议

对于绝大多数用户来说，强烈推荐使用方法二（自定义函数），因为它兼顾了灵活性和易用性,是织梦二次开发中最规范的做法。