目录
Toggle继续分享wordpress建站教程。今天分享一个很多人在wordpress建站过程中都遇到过的问题,但这个问题似乎这么久以来一直没有好的解决方法,也几乎没有人去解决,这个问题就是——图文混合模块中的图片不能自动缩放。
图文混合模块一般是首页和幻灯片,分类栏目的顶部横幅图片等,还有一些其它的图文模块,如果你的网站存在这类模块,那么你就会发现这些图片可能都不能在移动端自动缩放,不能显示出完整的图片。
如上图,这是一个wordpress主题的首页幻灯模块,左边是PC端,右边的移动端,移动端没办法看到完整的图片了。
上图是悦然wordpress建站官网的分类横幅图片,同样存在这样的问题,在PC端也不能显示出全图,这类横幅图片一般在PC端可能也不能显示出全图。
对搜索引擎来说,文字会比图片更容易识别,不管是从谷歌SEO还是百度SEO优化来讲,文字也会优于图片。所以绝大多数的图文模块都会优先保证文字内容的完整显示,因为对类似的图文模块来说,图片只是点缀,文字才是主体!
如果是分类或页面的横幅图片,出现此类问题的原因还有一个,那就是横幅的高度一般是要固定的,如果让图片完全显示了,那么网站的布局框架就会被破坏!
所以图文模块在移动端显示不完整的问题其实算不上真的问题,只是程序员在主题开发设计过程中的一种取舍,开发者选择了更重要的部分!
虽然这个问题算不上问题,但一定要解决也是可以的,下面分享一些方法。
如果你有强迫症,觉得幻灯片在移动端图片显示不完不能接受,那么你可以使用纯图片作为幻灯片,文字可以用PS做到图片上,这样就不管考虑文字内容,图片就可以完全缩放了。这个方法对幻灯大图一般都有效果,但如果是分类或栏目的横幅图片,一般还是不能完全显示。
一般图中都有一个主体内容,比如产品图片,只是产品才是主体,周边的背景只是点缀,所以我们可以想办法让主体内容尽量在图片的中央,同时把它缩小一点。这样即使在移动端,图片中的主体内容也基本可以显示出来。比如上面这张图,我就是经过了处理了,虽然移动端还是不能显示完全,但基本不受影响。这个方法同时适用幻灯图片和横幅图片。
© Copyright 2024. 悦然网络工作室/悦然wordpress建站 专注中小企业wordpress建站 All Rights Reserved.网站地图
本站图片来源为Pexels、Pixabay、Freepik、Unsplash等图片库的免费许可,CC0协议;还有部分为自己手绘,版权碰瓷请自重!法律服务:law@yueranseo.com 蜀ICP备20016391号-1 川公网安备 51011502000367号
微信联系