如何在 Elementor 中使用网格线
Grid Line 是每页设置,因此您只能在需要的地方打开它。
- 主 Addons Pro 处于活动状态,请转到 主插件 > 扩展 并打开 网格线.
- 在 Elementor 中打开页面并单击 页面设置 顶部栏中的图标。
- 上 设置 选项卡,展开 网格线 并设置 启用 到开启。
- 套 列, 最大宽度 並 沟 为了匹配您的设计,并添加一个 偏移 如果您的布局有侧边距。
- 切换到平板电脑和移动视图来设置这些屏幕的值。
- 将您的部分和小部件与列对齐。网格不会出现在已发布的页面上。
柱、排水沟、宽度和偏移
页面设置中的网格线部分有一个 启用 开关, 网格颜色 (默认是浅半透明灰色), 列 1到12个, 最大宽度, 偏移, 沟 並 Z 索引。列, 最大宽度, 偏移量和排水沟可以在桌面, 平板电脑和移动设备上采用不同的值。
- 默认值: 12列,最大宽度为1140px,桌面上有一个15px的排水沟,平板电脑上为1025px和10px,移动设备上为768px和8px。
- 匹配您的主题: max Width 设置为您网站的内容宽度,这样列就可以与真实的布局对齐。
- 可见度: 选择透明的颜色,使您的内容保持可读性,并将 Z-Index 保持在 999,以便网格位于设计上方。
检查元素器中网格布局的方法
Elementor没有自己的设计网格覆盖,这些都是通常的选择。
网格线的常见问题
了解用户对 Grid Line 的询问最多的查询,并在一个地方找到答案。
网格是否会影响我的网站在前端的样子?
号网格只显示在Elementor编辑器内部,访问者看到发布的页面没有它,即使你离开启用。
Gutter 和 Offset 有什么区别?
Gutter是列之间的空间,Offset是屏幕边缘和网格开始位置之间的空间,它们与Max Width一起让你复制主题的内容宽度和列间距。
Elementor 自己的 Flexbox 容器系统可以使用此功能吗?
是的。网格是在整个预览中绘制的,因此它可以与 Flexbox 容器、网格容器和较旧的部分一起使用,它不会将元素折断到列中,因此您可以自己对齐它们。
网格线免费吗?
No。 Grid Line 是 Master Addons Pro 的一部分。
