Beaver Builder已成为许多WordPress用户、开发人员和代理机构最喜欢的页面构建器插件。我们使用Beaver Builder设计我们自己的网站和客户网站。在此期间,我和我的团队学到了一些技巧,可以帮助我们加快开发过程。
这是我们学到的知识,希望对许多Beaver Builder用户有帮助。
1. 首先,决定布局和配色方案
在开始任何Web网站设计项目之前,最好对设计、布局和功能要求有清晰的了解。Beaver Builder宠坏了许多设计师,其中许多人现在在浏览器中进行设计,而不是在Photoshop或Illustrator中进行设计。绘制布局的粗略模型并标记将被重用或出现在所有页面上的部分总是很好的。
有时我会在小型网站(5-10页)上使用笔和纸来完成此操作。较大的网站需要更多计划,在这种情况下,您可以使用Moqups或您选择的任何其他线框图工具。
2. 准备基础 – 全局设置
全局设置允许您设置最大宽度(内容宽度)、边距、填充和宽度(用于行)。这非常方便。在开始进行版面设计之前,我先进行了设置。这样可以节省我分别编辑每一行和设置值的时间。
例如,您正在构建全宽布局,内容宽度为1200px,无边距,默认填充为20px。您可以将其放在“ 工具”>“全局设置”中。现在,每次添加一行时,这些设置都会自动应用到该行。
3. 使用保存的模块和行
完成原型确定后,就可以开始构建页面或主页了。主页完成后,只需转到该页面并查看您将需要重用哪些模块和部分。保存这些模块和行。这将减少您的开发时间,因为您无需再次单击相同的选项来实现相同的设计。
当您只想按原样重用某些内容或通过进一步的自定义重用某些内容时,此功能非常方便。这就像为您的工作流程设置样板。
4. 使用全局行和模块
您是否有一个显示在多个页面上的注册表单?您的网站是否在所有页面的页脚中都有一个号召性用语栏?然后,您应该开始使用“全局行和模块”。这使您可以保存行或模块并在多个页面中重复使用。
但是,与保存的行和模块有何不同?
全局行/模块的最大优点是,当您编辑此模块/行时,所做的更改将应用于模块/行的所有实例。因此,您无需单独编辑每个模块/行。
5. 使用颜色预设
这是一个不错的功能,我用过并且喜欢它。在构建网站时,我们通常需要重新使用一组颜色。首次使用时将颜色保存到预设中,将节省您重新选择颜色或从其他位置复制颜色代码的时间。
6. 使用模板
Beaver Builder提供了许多专业设计的精美页面模板。您可以使用这些模板快速构建主页和内页。稍后,根据需要交换元素并更新样式。
此外,我还有自己的模板可以重复使用。这些用于常见页面,例如关于、联系人以及带有标题和分隔符的空白页面。这些模板可以导出并在您构建的每个站点上重复使用。
7. 导入/导出模板
如上所述,可以将模板保存并导入到您正在处理的其他站点上。同样,您也可以保存和导出模块和行。
这些模板可以导出并在您构建的每个站点上重复使用。
8. 使用Beaver Builder主题
Beaver Builder Theme对我来说是节省大量时间的工具。它与Beaver Builder配合得很好,并且经过精心设计,可与Beaver Builder很好地集成。它只有一些基本但必不可少的选项,可让您自定义布局和样式。
完成基本布局和样式的设置后,您可以使用构建器来构建其余页面。
许多Beaver Builder用户还建议使用GeneratePress和Dynamik + Genesis。我也使用了这两个主题,但是对于小型站点,我喜欢使用BB主题。对于需要对布局和样式进行更多控制的较大站点,我将选择Genesis + Dynamik。我尚未使用GeneratePress建立完整的网站。我仅将其用于试用站点,并且喜欢它甚至在免费版本中提供的功能。
因此,选择您认为有用的一种。就我而言,Beaver Builder主题赢得了基本和有用选项的投票。
9. 停用缓存插件
缓存插件可能会很麻烦。有时我们忘记了我们有一个缓存插件处于活动状态,而一直想知道为什么更改未反映在站点上。开始在站点上工作之前,最好停用缓存插件。完成更改后,激活插件。为了安全起见,请在激活插件后刷新缓存,以使其重建缓存。
我个人还启用WP_DEBUG模式,因为它也停止了BB的默认缓存行为。我只建议中级和高级用户使用。启用调试模式可以开始显示一些PHP警告或注意事项,具体取决于您网站上的插件类型。
10. 使用PowerPack附加组件
PowerPack for Beaver Builder插件具有几个有用的功能和模块。内容网格、智能横幅、智能标题、高级按钮、信息框等模块可让您轻松快捷地将内容添加到您的站点。然后是表单模块,您可以使用这些模块来样式化使用流行的表单插件构建的表单。而且,还具有创意模块,例如行分隔符、渐变背景等,可让您利用Beaver Builder发挥创意。
最重要的是,您还可以获得100多个行模板和100多个页面模板,可让您快速构建网站。我们一直在向Beaver Builder模板库添加新模板。
这就是今天的PowerPack。如果您还有其他提示和技巧可用于加快流程,请告诉我们。
发表回复