我们正试图找到一种方法，可以在Divi中使用单独的移动特色图像。特别是一个平方的特色图像，我们的桌面特色图像是1200x630，更矩形。
有插件可以执行此操作，例如：https://wordpress.org/plugins/mobile-featured-image/＆lt; - 但它遇到的问题是Divi尚未使用WP v4.4中添加到Wordpress的'srcset'属性几年前。
有没有解决这个srcset限制的方法？也许另一个插件可以让我们为移动选择一个单独的特色图像（不仅仅是相同比例/尺寸的小图像，而是一个完全不同的图像，如上面的移动特色图像插件，但没有使用srcset）？
或者有一种已知的方法将srcset实现为主题，也许是某种教程？
感谢您提供的任何帮助，我们已经在这个问题上打了一个台子，大约一个星期了：）
答案 0 :(得分：0)
我正在考虑的一种可能的解决方案是复制该部分，然后为该部分提供不同的图像。
完成后，请使用“禁用”功能（只需打开目标上的设置齿轮并在搜索类型“禁用”中打开）
然后，设置要在其上加载目标的设备。
示例：
具有完整高清图像的桌面行/模块 禁用： 移动 平板电脑
行/具有移动优化图像的模块 禁用： 桌面 平板电脑
当按钮无法正确显示或堆叠列导致设备之间的行排错时，我已经将此功能用于设计流程。尚未尝试对图像进行此操作，并且不确定如何在加载时间和页面大小上实际使用。
值得一试，因为这样做很简单-您可以在编辑之前和编辑之后运行google速度测试，以查看对页面性能的实际影响。
例如，您可以导航到我的网站： NYChealing.com/about
请注意，台式机版本将信息列显示为交替的ROWS，但在移动设备上，它们显示为重复样式的ROWS。
编码实际上是重复的ROWS，具有相反的布局，使用DISABLE可以为每个设备正确显示它们。 In the photo below, (desktop view) the greyed out section displays on mobile, while the similar row displays on desktop and tablet
或者，人们写了一些代码片段，这些片段可能会或可能无法正常运行，但都是以儿童为主题的加载项。
一个具有信息和代码的此类站点位于： https://www.fldtrace.com/better-faster-responsive-images-divi
