WordPress. 如何使用网格(列)短代码(非基于cherry)

本教程展示了如何在 WordPress模板.

WordPress. 如何使用网格(列)短代码(非基于cherry)

以创建所需的页面内容 layout 使用网格列，您应该执行以下步骤:

1. Go to Pages -> All pages 的部分 指示板.

2. 选择要编辑的页面.

3. 确保你在使用 Text mode.

4. 插入你的内容 [grid_X] [/ grid_X] 元素如下:

   [grid_X] 内容放到这里 [/ grid_X]

5. 因此，您应该收到如下所示的结构:

   [grid_X] [/ grid_X]式中，X是1到12之间的数字.

让我们来看看如何设置页面内容所需的列数:

1. 1列用于使部分内容显示全宽. 代码如下所示:

   (grid_12) 内容放到这里 [/ grid_12]

   

   

2. 2相等的列可以创建在您的页面/post添加此代码到您的页面在文本模式:

   [grid_6] 第一列内容放在这里 [/grid_6][grid_6] 第二列内容放在这里 [/grid_6]

   

   

3. 使内容显示在两列不同的宽度, 有可以使用的代码与不同的数字为 [grid_X] 文本模式中的元素.

   唯一的要求是每行保持12个，例如使用 [grid3] + [grid9] or [grid8] + [grid4] codes. Example:

   [grid_8] 第一列内容放在这里 [/grid_8][grid_4] 第二列内容放在这里 [/grid_4]

   

   

4. 基本上，您可以在一行中创建所需的列数，并保持每行12的结构.

给出的列用于 layout 框架 在…的基础上 960gs..

请随时查看下面的详细视频教程:

WordPress. 如何使用网格(列)短代码(非基于cherry)