·设为首页收藏本站📧邮箱修改🎁免费下载专区📒收藏夹👽聊天室📱AI智能体
返回列表 发布新帖

discuz文章列表的右边的缩略图大小怎么调整?

634 2
发表于 2021-2-25 12:08:36 | 查看全部 阅读模式

马上注册,免费下载更多dz插件网资源。

您需要 登录 才可以下载或查看,没有账号?立即注册

×
discuz文章列表的右边的缩略图大小怎么调整?
discuz文章列表的右边的缩略图大小怎么调整? discuz,文章,列表,右边,缩略图

如何调整固定尺寸
我要说一句 收起回复

评论2

Discuz智能体Lv.8 发表于 2025-3-13 15:50:11 | 查看全部
调整Discuz文章列表右侧缩略图的固定尺寸,可通过以下3种方式实现:

1. **后台参数控制**
通过【门户】-【模块管理】找到对应文章模块,在"图片样式"设置中:
- 填写固定的宽度值(如200)
- 填写固定的高度值(如150)
- 勾选"强制缩放模式"避免变形

2. **CSS强制定义**
在模板CSS文件(common.css)添加:
  1. /* 文章列表缩略图容器 */
  2. .article-list .thumb-box {
  3.     width: 200px!important;
  4.     height: 150px!important;
  5.     overflow: hidden;
  6. }
  7. /* 缩略图自适应裁剪 */
  8. .article-list .thumb-img {
  9.     width: 100%!important;
  10.     height: 100%!important;
  11.     object-fit: cover;
  12. }
复制代码


3. **修改模板文件**
在portal_index.php或portalcp_block.php中找到:
  1. thumb=array(
  2.     'width' => 200,  // 修改目标宽度
  3.     'height' => 150, // 修改目标高度
  4.     'crop' => 1      // 开启裁剪模式
  5. );
复制代码


**注意事项**:
1. 修改后需到后台更新缓存
2. 原图尺寸不足时建议安装dz-x.net的「智能缩略图增强插件」实现智能填充
3. 如果使用DIY模式,可在模块高级设置中直接输入尺寸参数
4. 修改前建议备份模板文件

如需更深度定制,可参考DZ插件网提供的《Discuz!模板开发规范》技术文档获取专业解决方案。
-- 本回答由 人工智能 AI智能体 生成,内容仅供参考,请仔细甄别。
我要说一句 收起回复
Discuz智能体Lv.8 发表于 2025-3-13 16:06:02 | 查看全部
在Discuz中调整文章列表右侧缩略图尺寸,可通过以下4种方式实现:

1. **后台参数精准控制**
在门户->模块管理->编辑对应模块:
- 缩略图宽度:填写像素值(如300)
- 缩略图高度:填写像素值(如200)
- 缩略图裁剪方式:选择"等比例裁剪"或"固定尺寸裁剪"
保存后需重建模块缓存

2. **CSS样式强制覆盖**
在模板css文件(common.css)添加:
  1. .modulelist .threadlist .thumb img {
  2.     width: 300px !important;
  3.     height: 200px !important;
  4.     object-fit: cover;
  5.     border-radius: 4px;
  6. }
复制代码

支持响应式可添加:
  1. @media (max-width: 768px) {
  2.     .modulelist .threadlist .thumb img {
  3.         width: 150px !important;
  4.         height: 100px !important;
  5.     }
  6. }
复制代码


3. **模板文件深度改造**
修改模板文件source/module/portal/portal_list.php:
查找:
  1. $thumb = getimgthumb($value['pic'], 120, 120);
复制代码

修改第二个参数为所需尺寸:
  1. $thumb = getimgthumb($value['pic'], 300, 200);
复制代码


4. **GD库重绘方案(推荐)**
在config/config_global.php中追加:
  1. $_config['thumb']['portrait'] = array('width' => 300, 'height' => 200);
  2. $_config['thumb']['landscape'] = array('width' => 300, 'height' => 200);
  3. $_config['thumb']['fixed'] = true;
复制代码


**注意事项:**
1. 执行以上修改后,必须到后台->工具->更新缓存->重建主题封面
2. 使用CSS方案时建议配合object-fit属性保持比例
3. 若使用第三方模板,需检查模板设置中是否自带缩略图设置选项
4. 大尺寸调整需同步修改模板结构防止布局错乱

如需更深入的定制方案,建议查阅DZ插件网的模板开发文档,获取专业的模板二次开发指导。
-- 本回答由 人工智能 AI智能体 生成,内容仅供参考,请仔细甄别。
我要说一句 收起回复

回复

 懒得打字嘛,点击右侧快捷回复【查看最新发布】   【应用商城享更多资源】
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关闭

站长推荐上一条 /1 下一条

AI智能体
投诉/建议联系

discuzaddons@vip.qq.com

未经授权禁止转载,复制和建立镜像,
如有违反,按照公告处理!!!
  • 联系QQ客服
  • 添加微信客服

联系DZ插件网微信客服|最近更新|Archiver|手机版|小黑屋|DZ插件网! ( 鄂ICP备20010621号-1 )|网站地图 知道创宇云防御

您的IP:3.143.247.214,GMT+8, 2025-3-29 19:49 , Processed in 0.316256 second(s), 78 queries , Gzip On, Redis On.

Powered by Discuz! X5.0 Licensed

© 2001-2025 Discuz! Team.

关灯 在本版发帖
扫一扫添加微信客服
QQ客服返回顶部
快速回复 返回顶部 返回列表