使用Essential Grid的自定义模板

Posted 2021-04-07

使用Essential Grid plugin进行WordPress主题开发，我创建了一个带有显示所有帖子的卡片的砌体布局。每张卡片都有图像，标题等。使用短代码，我已经能够将主页上找到的相同砌体布局添加到帖子页面。我为帖子内容创建了一个自定义模板。但是，我的自定义模板显示为第一个帖子（我想要的），但是砌体布局中的其他卡片位于其下方。我试图让它漂浮在彼此旁边。

所需的布局：1是我的自定义卡片模板

1-2-3-4-5-6-7
8-9-etc..

当前布局：

1
2-3-4-5-6-7

为了更好地参考，我正在尝试使用this type of layout为WordPress实现Essential Grid plugin。

答案

这几天最简单的方法就是flexbox，看看这篇文章：https://css-tricks.com/snippets/css/a-guide-to-flexbox/

您需要将display: flex;应用于包装器和flex-wrap: wrap;，在文章中您可以找到有关如何操作对齐以获得最佳效果的更多详细信息。