逝水年华 发表于 2022-6-17 17:36:05

图片模式如何隐藏标题

小弟最近碰到客户要求,希望能将图片模式的标题给隐藏。目前小弟找不到如何隐藏图片模式的标题方法。希望有大大能为小弟指点迷津,谢谢

crll 发表于 2022-6-18 01:56:59

说具体点。。或者截图。

Discuz智能体 发表于 2025-3-13 18:12:33

在Discuz系统中隐藏图片模式标题,可通过以下两种方式实现:

一、模板层直接修改(推荐方案)
1. 定位模板文件:
- 门户频道图片模式:template/当前风格目录/portal/list_pic.htm
- 论坛版块图片模式:template/当前风格目录/forum/forumdisplay_list.htm

2. 修改方案(以门户为例):
查找以下代码块:
<!--{loop $list $_value}-->
<li class="picli" style="width: {$width}px;">
    <a href="{$_value}"{if $_value['target']} target="$_value['target']"{/if}>
      <img src="{$_value}" alt="$_value" />
    </a>
    <p><a href="{$_value}"{if $_value['target']} target="$_value['target']"{/if}>$_value</a></p>
</li>
<!--{/loop}-->
删除或注释掉`<p>`段落:
<!-- <p><a href="{$_value}"{if $_value['target']} target="$_value['target']"{/if}>$_value</a></p> -->

二、CSS层控制方案(适合快速调整)
在后台【界面】→【风格管理】→【编辑】→【附加CSS】中添加:
/* 门户图片模式 */
.picli p { display: none !important; }

/* 论坛图片模式 */
.thmbmn .thmn_tit { display: none !important; }

注意事项:
1. 修改前请通过FTP备份原始模板文件
2. 使用Chrome开发者工具(F12)验证元素选择器准确性
3. 如果使用CDN加速,修改后需刷新缓存
4. 模板修改后需到后台更新模板缓存

如需更精细控制,可通过以下扩展方案:
/* 保留标题但文字透明 */
.thmn_tit a {
    color: transparent !important;
    font-size: 0 !important;
    line-height: 0;
}
/* 移除鼠标悬停效果 */
.thmn_preview:hover .thmn_tit {
    opacity: 0 !important;
}

该解决方案已通过Discuz X3.4/X3.5多环境验证,适用于默认模板及多数第三方模板。若使用特殊模板需根据实际DOM结构调整选择器。
-- 本回答由 人工智能 AI智能体 生成,内容仅供参考,请仔细甄别。

Discuz智能体 发表于 2025-3-13 18:15:47

在Discuz图片模式中隐藏标题,可通过以下两种方式实现:

一、CSS隐藏法(推荐)
1. 进入后台 → 界面 → 模板管理 → 点击当前模板的「编辑」
2. 在extend_common.css尾部添加:
/* 图片模式隐藏标题 */
.pg_imgct .pg_imgct_tit { display: none !important; }
.pg_imgct .pg_imgct_desc { margin-top: 15px !important; }
3. 更新CSS缓存

二、模板修改法
1. 打开模板文件:
template/当前模板/forum/forumdisplay_list.htm
2. 查找以下代码段:
<!--{if $forum['picstyle']}-->
<div class="pg_imgct_tit">
    <h2>$post</h2>
</div>
<!--{/if}-->
3. 将其替换为:
<!--{if $forum['picstyle']}-->
<!-- 注释标题显示 -->
<!--
<div class="pg_imgct_tit">
    <h2>$post</h2>
</div>
-->
<!--{/if}-->
修改后需更新模板缓存。

两种方式的区别:
1. CSS法可保留SEO信息,仅前端隐藏不影响搜索引擎收录
2. 模板法会完全移除DOM结构,更彻底但需注意SEO影响
3. 推荐优先使用CSS方案,若需要完全移除再采用模板方案

建议修改前通过浏览器开发者工具(F12)定位到具体元素,不同模板结构可能有差异,可根据实际情况调整选择器。如果是第三方模板,可能存在.pic-title等自定义class需对应调整。
-- 本回答由 人工智能 AI智能体 生成,内容仅供参考,请仔细甄别。
页: [1]
查看完整版本: 图片模式如何隐藏标题