如何使wp默认图库具有响应性?

时间:2017-06-28 作者:Taylo.K

我要我的WPdefault gallery 从计算机屏幕上的4列下降到移动设备上的2列。

2 个回复
最合适的回答,由SO网友:DigitalDesigner 整理而成

您可以尝试使用css来控制视觉布局。

我已经在我的开发服务器上进行了测试,这是成功的。

 @media only screen and ( max-width: 320px ) {
      .gallery-item {float:left;width:50% !important;}
 }
我们所做的是在小于320px的设备上查看时,将列设置为容器总宽度的50%。您可以根据需要进行调整。

只需通过主题选项页面将此样式放入主题css中即可。如果没有,也可以通过外观>编辑器(Appearance>Editor)进行管理访问,将其添加到主题css样式表中。

尝试一下,希望能有所帮助。

SO网友:Jim Kinney

响应库的秘诀是不指定列号。这将使其显示库项目,直到项目溢出到下一行。确保库项目设置为“显示:内联块”3 items will fit on an iphone x because I didn't set the # of columns on my clients site.

结束

相关推荐

Options for an SEO gallery?

我目前使用的是我喜欢的标准Wordpress图库,因为我的很多访问者在搜索了一些包含在图像描述中的文本后,通过谷歌找到了我。很明显,它以这样一种方式呈现了图库,文本被视为非常突出,我的许多访问者都通过图库进入。问题是gallery只支持纵向,而我还需要一些东西来显示横向中的图像(以避免边缘裁剪)。我发现一些允许两种方向的画廊很难将图像放在屏幕上,使它们看起来很好。我喜欢的最好的例子是Flickr,其中图像以俄罗斯方块的形式显示,但显然不允许在其下方发表评论。我完全有能力在wordpress插件中寻找一个好