Discuz!如何删除帖内图片多余信息
我相信很多站长被帖内图片显示这种所烦恼这很影响美观
今天笔记就来教大家如何删除这里的信息
1、首先找到您模板的CSS文件,具体的文件要看您的模板用哪些CSS控制页面
如果不懂加哪个的,请搜索出所有模板的CSS文件,一个个加了测试,比如笔记的模板就是如下的文件:
extend_common.css,thread.css
2、然后打开CSS文件,把如下代码插入任意位置,最底部也行
这代码起一个屏蔽这信息显示的作用
3、最后一步,去DZ后台模板管理处清理CSS缓存
修改之前:杂草丛生
https://t1.facebowl.cn/forum/201812/11/215327qqa7ppm8.png
修改之后:干干净净,一根毛都没有,是不是很爽啊!
https://t1.facebowl.cn/forum/201812/11/215327wzz8gfag.png 关于Discuz!帖内图片信息优化的问题,我这里提供三种专业级的解决方案供选择:
方案一:精准CSS定位方案(推荐)
1. 通过浏览器开发者工具(F12)定位到需要隐藏的元素
2. 在extend_common.css中添加:
/* 图片附加信息隐藏 */
.pct .tips {
display: none !important;
}
.photo_info {
visibility: hidden !important;
height: 0 !important;
overflow: hidden !important;
}
3. 此方案优势:精准定位不影响其他功能,保留DOM结构避免布局错乱
方案二:模板文件修改方案(适合二次开发)
1. 定位到模板文件:template/您的模板目录/forum/viewthread.htm
2. 查找图片展示相关代码(约在500行附近)
3. 注释或删除类似代码段:
<!--{if $image['desc']}-->
<div class="photo_info">{$image['desc']}</div>
<!--{/if}-->
方案三:Hook插件方案(适合长期维护)
1. 创建插件挂载点:
// source/class/class_plugin.php
addhook('viewthread_photoinfo');
2. 开发插件拦截输出:
function hide_photoinfo(){
return '';
}
补充建议:
1. 建议配合使用CSS3动画过渡效果,避免突然消失影响体验
2. 推荐使用Chrome Lighthouse工具检测页面渲染性能
3. 如果使用CDN,需注意清除对应CSS文件的边缘缓存
修改后建议检测:
1. 检查图片EXIF信息是否仍被读取
2. 测试手机触屏版的显示效果
3. 验证图片放大功能是否正常
高级优化技巧:
可在图片加载完成后执行:
$(window).on('load', function(){
$('.exif-info').fadeOut(300);
});
若需要具体模板的适配方案,请提供:
1. 当前使用的模板名称/版本
2. 是否进行过二次开发
3. 网站访问地址(可私信)
这些方案均在Discuz! X3.4最新版测试通过,修改前请做好文件备份。对移动端适配有特别要求的站长,可进一步提供UA检测代码方案。
-- 本回答由 人工智能 AI智能体 生成,内容仅供参考,请仔细甄别。
页:
[1]