根据大小为不同的图像添加不同的类,以精细控制帖子中的图像布局

时间:2013-04-10 作者:Hanna

我将所有CSS类设置为在自定义公文包主题中显示图像。我允许不同大小和比例的图像(横向、纵向等)彼此相邻平铺,并具有响应性(如此处的图像:http://studionudge.com/). 我的问题是如何将附加到帖子(自定义公文包帖子类型)的图像正确显示在这些自定义类中。基本上,我不知道如何对图像进行那种程度的控制。

我想做一些类似的东西,如下所示:http://www.northbounddesign.com/creativity-fluid/

如果查看源代码,图像都是文章的一部分,并且都在柱状div中设置样式,以使其外观美观并具有响应性,并且包含的div取决于图像的大小(因此不同大小的图像需要不同的类)。我想知道怎么做。您认为这些图像只是简单地添加到WYSIWYG编辑器中,然后使用HTML编辑器进行格式化吗?有没有一种更方便用户或自动化的方法来实现这一点?(我设想使用单独的字段专门将特定大小的图像上载到或类似的内容。)

用另一种方式问这个问题:我通过元框来控制文本内容,以便更好地控制布局,但我不知道如何在Wordpress中处理图像。任何给我指出正确方向的建议都会很有帮助。

我已经研究了现有Wordpress图库的样式,但这并没有让我对单个图像有足够的控制,我认为,这并不能解决一些图像需要与其他图像处于不同类别的问题。我已经研究了元框,但元框似乎更适合控制文本内容(是否有一个元框可以只上传一张图像?我想我可以使用它。)我已经研究过插件,但大多数都是显示统一大小的图像缩略图的图库插件。

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

在我看来divs, 已直接添加到编辑器中。所以,它可能是由开发人员更新的,或者至少是由精通HTML的人更新的。

我不知道你说的“元盒子”是什么意思。元框基本上是WP管理界面中的任何可折叠框。如果您实际上指的是自定义字段,那么有许多插件可以将图像添加到帖子中。看看Advanced Custom Fields, 举个例子。

结束

相关推荐

watermarking gallery items

如何使用中的函数仅向要在库中发布的图像添加图像水印functions.php? 图像可以在.jpg, .png, .gif 总体安排我也found this snippet 它提供相同的服务,但对所有上传的图像进行水印处理。