构建此产品网格的五列行布局

构建此产品网格的第一步是添加一个五列行布局，这将为我们的全宽产品网格创建结构。\n\n使用 Kadence Blocks 添加行布局的快速方法是在编辑器中键入正斜杠 ‘ / ‘，然后键入您想要的块。所以，你会这样输入/row layout：\n\n\n选择“行布局”块后，您会看到一个区域来选择您的布局，这将是您希望行具有的列数。\n\n\n选择具有5 列的选项（底部右数第二个）。此外，如果您只需要 3 或 4 列，您也可以选择该选项。\n\n一旦我们将五列行布局添加到我们的编辑器中，接下来我们需要做的就是强制行布局为全宽。\n\n如果创建博客文章，这一点尤其重要，因为博客文章内容部分更窄。\n\n确保您处于“行布局”级别，然后单击显示在块上方的工具栏中的“更改对齐方式”按钮。\n\n在选项中，选择“全宽”选项以强制您的行布局为全宽。\n\n\n如果您的编辑器由于创建博客文章而宽度较窄，您会注意到更改对齐方式会导致行布局“突破”狭窄的限制并占据全宽。\n\n一旦我们将五列行布局设置为全宽，我们需要设置内容宽度以匹配您网站的最大宽度。\n\n在右侧边栏的“块设置”中，打开“结构设置”部分。\n\n找到显示“ Content Max Width Inherit from Theme? ”的设置。“\n\n如果您打开此设置，行布局的内容将自动匹配您在 Kadence 定制器中为您的网站设置的最大宽度。\n\n确保打开“ Content Max Width Inherit from Theme? “ 选项。\n\n您还需要打开“ Inner Column Height 100% ”选项。\n\n\n启用“内容最大宽度继承自主题？” 选项设置您的行布局内容宽度以匹配您在 Kadence 定制器中设置的站点的最大宽度。\n\n此外，启用“ Inner Column Height 100% ”选项将确保您的所有五个栏将保持相同的高度，无论每个栏中有多少内容。\n\n我们要做的最后一件事是设置我们的列间距。\n\n在仍然选择行布局块的情况下，找到块设置顶部的“列间距”下拉列表并将其设置为“Skinny: 10px ”。\n\n\n现在我们已经添加了五列行布局，对齐设置为全宽，并且我们将其配置为匹配我们网站的最大宽度，是时候继续执行第 2 步了！\n\n2.样式内部\n下一步是设置我们内部部分的样式，这些部分是我们从第一步中选择的五列。\n\nKadence Blocks 的一个非常方便的事情是我们只需要在其中一个部分设置样式，然后我们可以将部分样式复制到我们所有其他部分。当我们到达那里时，我会告诉你如何做到这一点！\n\n要移动到我们的第一个“部分”（这是我们的第一列），请转到编辑器的左上角并选择“列表视图”图标以打开列表视图。\n\n这个列表视图是一种超级方便的方式，可以逐块查看整个布局的结构，并允许轻松导航。\n\n打开列表视图后，展开“行布局”并单击嵌套在下方的第一个“部分”。\n\n\n你会知道你在正确的区域，因为你在右侧的块设置将更改为向你显示 Kadence 部分设置。