zibll主题在使用模块化配置的时候,经常会遇到插入图片、插入视频的情况。我们有一个非常强大的模块,叫图文视频封面模块,专门用于展示视频、图片等信息的万能模块,支持单行显示数量、附加文本等丰富的配置项,让这个模块变得十分强大。
模块效果预览
首先我们预览一下可以实现的效果:
单独一个图片:
![图片[1]-zibll子比主题超强模块-图文视频封面模块配置教程-WordPress主题模板-zibll子比主题-瑞浩网络](https://oss.zibll.com/zibll.com/2026/06/20260629170714925-image-168.png)
单行多张图片:
![图片[2]-zibll子比主题超强模块-图文视频封面模块配置教程-WordPress主题模板-zibll子比主题-瑞浩网络](https://oss.zibll.com/zibll.com/2026/06/20260629165645807-image-166.png?x-oss-process=image%2Fquality,q_50%2Fresize,m_fill,w_1300,h_404)
移动端多行多张图片:
![图片[3]-zibll子比主题超强模块-图文视频封面模块配置教程-WordPress主题模板-zibll子比主题-瑞浩网络](https://oss.zibll.com/zibll.com/2026/06/20260629165740531-image-167.png)
单行多个图片加文字:
![图片[4]-zibll子比主题超强模块-图文视频封面模块配置教程-WordPress主题模板-zibll子比主题-瑞浩网络](https://oss.zibll.com/zibll.com/2026/06/20260629171056940-image-169.png)
单独一个视频:
![图片[5]-zibll子比主题超强模块-图文视频封面模块配置教程-WordPress主题模板-zibll子比主题-瑞浩网络](https://oss.zibll.com/zibll.com/2026/06/20260629170947350-yanshi-3-2.gif)
视频加文字:
![图片[6]-zibll子比主题超强模块-图文视频封面模块配置教程-WordPress主题模板-zibll子比主题-瑞浩网络](https://oss.zibll.com/zibll.com/2026/06/20260629170418572-yanshi-1.gif)
单行多个视频:
![图片[7]-zibll子比主题超强模块-图文视频封面模块配置教程-WordPress主题模板-zibll子比主题-瑞浩网络](https://oss.zibll.com/zibll.com/2026/06/20260629170609894-yanshi-2.gif)
模块配置
如果您还不熟悉子比主题模块布局的话,请先查看以下教程:
从上面的阅览中我们可以看出来这个模块的功能十分强大,主要用于图片、视频、文字相关内容展示。配置方式也非常简单:在需要添加此模块的地方,选择图文视频封面模块,然后依次配置模块的长宽比例、布局数量等其他配置,再在下方添加需要展示的图片或视频
![图片[8]-zibll子比主题超强模块-图文视频封面模块配置教程-WordPress主题模板-zibll子比主题-瑞浩网络](https://oss.zibll.com/zibll.com/2026/06/20260629171440565-image-170.png?x-oss-process=image%2Fquality,q_50%2Fresize,m_fill,w_1300,h_970)
![图片[9]-zibll子比主题超强模块-图文视频封面模块配置教程-WordPress主题模板-zibll子比主题-瑞浩网络](https://oss.zibll.com/zibll.com/2026/06/20260629171510852-image-171.png)
© 版权声明
分享是一种美德,转载请保留原链接
THE END



![zibll子比主题更新日志-V9.0已更新[2026-07-01]-WordPress主题模板-zibll子比主题-瑞浩网络](https://oss.zibll.com/zibll.com/2020/03/更新日志.jpg)
![付费阅读、付费资源、付费图库、付费视频等知识付费功能详解及教程[图文教程]-WordPress主题模板-zibll子比主题-瑞浩网络](https://oss.zibll.com/zibll.com/2020/03/支付功能-列表图.jpg?x-oss-process=image%2Fquality,q_50%2Fresize,m_fill,w_700,h_490)
![子比主题官方推广计划正式上线,推广可获高额奖励[限时推广]-WordPress主题模板-zibll子比主题-瑞浩网络](https://oss.zibll.com/zibll.com/2020/11/推广计划.png?x-oss-process=image%2Fquality,q_50%2Fresize,m_fill,w_429,h_300)



![模块布局示例:仅用模块创建一个仿zibll销售页面的产品详情页[V8.9新功能]-WordPress主题模板-zibll子比主题-瑞浩网络](https://oss.zibll.com/zibll.com/2026/05/20260531003014526-仿zibll销售-列表图.jpg?x-oss-process=image%2Fquality,q_50%2Fresize,m_fill,w_800,h_560)
![Zibll子比主题的广告位在哪里?看这里就知道了[新手必看]-WordPress主题模板-zibll子比主题-瑞浩网络](https://oss.zibll.com/zibll.com/2021/04/广告位-列表图1-scaled.jpg?x-oss-process=image%2Fquality,q_50%2Fresize,m_fill,w_700,h_490)
![布局模块:幻灯片+图片视频封面组合模块配置教程[V9.0新功能]-WordPress主题模板-zibll子比主题-瑞浩网络](https://oss.zibll.com/zibll.com/2026/06/20260629181319595-幻灯片加图文视频封面组合模块-列表图.jpg?x-oss-process=image%2Fquality,q_50%2Fresize,m_fill,w_800,h_560)






