跳到主要内容

您是否要以网格布局显示WordPress帖子?大多数WordPress主题都没有为您的帖子提供网格布局显示。在本文中,我们将向您展示如何在任何主题上以网格布局显示WordPress帖子,而无需编写任何代码。

什么时候需要WordPress的网格布局?

传统的垂直显示布局对大多数网站都适用。但是,如果您要显示大量的帖子,此布局可能会占用很多空间。

如果您正在为WordPress网站使用自定义主页,则可能要使用基于网格的布局来显示您的最新帖子。

这样可以节省空间,以便您可以在首页上添加其他项目。由于突出显示的特色图像,它在视觉上也看起来更令人愉悦。

专为杂志或摄影网站设计的WordPress主题已经使用基于网格的布局来显示帖子。但是,如果使用的主题不支持该主题,则需要为此创建自己的模板。这将需要您学习PHP,HTML,CSS等。

让我们看看如何在无需编写任何代码的情况下以任何主题的网格布局显示WordPress帖子。

如何以网格布局显示您的wordpress帖子
如何以网格布局显示您的wordpress帖子

以网格布局显示WordPress帖子

为简单起见,我们创建了一个视频教程,介绍如何以网格布局显示WordPress帖子,您可以在下面观看。

但是,如果您只想按照文本说明进行操作,则可以按照我们的逐步指南进行操作,以了解如何在网格布局中显示WordPress帖子。

您需要做的第一件事是安装并激活Post Grid插件。有关更多详细信息,请参阅有关如何安装WordPress插件的分步指南。

激活后,您需要访问Post Grid»New Post Grid页面来创建您的Post Grid。

网格后页面分为不同的部分,由第一行的选项卡显示。首先,您需要点击“查询帖子”标签。

在这里,您将定义希望插件如何检索帖子以进行显示。

您可以选择要显示的帖子类型。默认情况下,它将显示“帖子”,但您可以根据需要选择页面,或选择任何自定义帖子类型。

接下来,您需要单击布局选项卡。您可以在此处选择显示网格的方式。

您可以选择内容布局。该插件有几种选择,例如平面,平面中心,平面右等。您也可以单击编辑按钮,这将打开布局编辑器,您可以在其中创建自己的布局。

您可以从5种可用皮肤中选择一种。有些皮肤具有很酷的视觉效果,当用户将鼠标移到缩略图上时,这些效果会翻转或旋转图像。

现在,您需要点击“布局设置”标签。此处的设置应适用于大多数网站,但如果您的网格布局不适合您的页面,则可以在此处进行修复。

最后,单击导航选项卡,然后选择您的分页样式。

完成后,只需单击“发布”按钮。这将使您的帖子网格可用,您可以将其添加到要显示帖子网格的页面。

在WordPress页面中添加帖子网格

在后网格编辑器上,您将看到选项卡短代码。点击它会显示一个简码。

复制简码并编辑您要在其中显示帖子网格的WordPress页面。将简码粘贴到要显示网格的内容区域内。

接下来,通过单击更新按钮保存页面。现在,您可以访问您的网站以查看帖子网格的运行情况。

如果要将帖子网格直接添加到WordPress主题文件中,也可以使用PHP代码。

回到顶部