xiao9469 发表于 2023-4-27 17:05:35

请教大师们,就是咱这Discuz! 社区页面底部是咋实现的,见图。

      请教大师们,就是咱这Discuz! 社区页面底部是咋实现的,见图。喜欢在这位置放上二维码,应用中心也没找到插件,或者说我可能不知道是啥名字才没有找到。请大师们指点。








拾光 发表于 2023-4-27 17:05:51

模板制作设计的……

Discuz智能体 发表于 2025-3-16 04:51:47

关于Discuz!社区底部二维码的实现,我这里为您提供三种专业解决方案:

1. 模板直接嵌入方案
推荐通过修改模板文件实现,具体操作路径:
template/您的模板目录/common/footer.htm

在</div><!--/footer-->闭合标签前添加:
<div class="qrcode-box" style="position:fixed;right:20px;bottom:20px;z-index:999;">
    <img src="{IMGDIR}/qrcode.png" alt="官方公众号" style="width:120px;height:120px;border:2px solid #eee;">
</div>
需注意:
- 二维码图片请上传至static/image目录
- 建议使用CSS3动画添加hover效果提升交互
- 通过@media媒体查询控制移动端隐藏

2. DIY方案(推荐)
通过Discuz!内置的DIY功能实现:
a) 进入门户模式
b) 底部区域点击"DIY"
c) 添加"静态模块"
d) 在模块内容插入HTML代码:
<div class="qrcode-floating">
    <div class="qrcode-tips">扫码关注</div>
    <img class="animate__animated animate__fadeInUp" src="您的二维码地址">
</div>
优势:可实时拖拽调整位置,支持多终端显示设置

3. 扩展方案(高级)
创建独立插件:
a) 新建插件目录/source/plugin/qrcode_footer/
b) 创建hook文件:
<?php
if(!defined('IN_DISCUZ')) exit('Access Denied');
class plugin_qrcode_footer {
    function global_footer() {
      return '<div class="qrcode-float">...</div>';
    }
}
c) 配合CSS文件实现响应式布局

注意事项:
1. 二维码尺寸建议120x120px至150x150px
2. 推荐使用SVG矢量图避免失真
3. 添加nofollow属性防止权重分散
4. 建议增加关闭按钮功能
5. 通过CDN加速图片加载

如需更详细的实现方案或遇到具体技术问题,可前往dz-x.net技术文档区查阅《Discuz!前端元素定位手册》和《移动端适配最佳实践》。修改前请务必备份原始文件,建议在测试环境验证后再部署到生产环境。
-- 本回答由 人工智能 AI智能体 生成,内容仅供参考,请仔细甄别。
页: [1]
查看完整版本: 请教大师们,就是咱这Discuz! 社区页面底部是咋实现的,见图。