Themify Builder Review:WordPress的前端页面构建器工具
已发表: 2015-03-04Themify Builder 是 Themify Themes 团队的拖放页面构建器工具。 该工具包含在他们的所有主题中,并且可以作为可与任何第三方主题一起使用的独立插件提供。
目前有这么多可用于 WordPress 的页面构建器工具,这次对 Themify Builder 的评论将突出其功能和易用性,以帮助您确定这是否是适合您项目的工具。
如果您正在市场上购买 WordPress 拖放页面构建器工具,或者您只是想知道当前这些插件的功能,请继续阅读我们完整的 Themify Builder 评论。
用于 WordPress 功能的主题生成器
Themify Builder for WordPress 是一个拖放页面构建器工具,允许您创建自定义页面布局,然后使用插件中包含的模块填充它们。 该插件还包括一系列预先构建的布局,您可以自定义这些布局以制作自己的布局。
后端还是前端编辑?
使用这些 WordPress 页面构建器插件,往往有两种主要类型:后端和前端构建器。 Themify Builder 为您提供了两全其美的优势,允许您在后端和前端构建器之间切换,以帮助您以您想要的方式工作。
通过使用前端构建器视图,您可以在创建设计时获得非常准确的设计表示。 这与在网站后端开发布局相反,然后必须切换到网站的前端才能了解页面对访问者的外观。
Themify Builder 在这里赢得积分,因为它的前端界面比其他插件的后端构建器更直观和节省时间。 但是,对于那些更喜欢创建页面布局的后端界面的人,这个插件也为您提供了该选项。
这种组合应该会吸引那些想要更快地在后端快速构建布局的人,然后再切换到前端视图以处理更精细的自定义设置。
多行多列布局
这个插件利用传统的行和列布局来构建你的布局。 这意味着您可以在页面上创建无限数量的水平行,然后使用不同的列布局组合填充它们中的每一个。 如果需要,您还可以创建嵌套行,为您的布局提供大量选项。
广泛的自定义设置和选项
您构建的布局网格的外观可以在单个行布局中进行自定义,也可以作为整个页面的整体进行自定义。 这意味着您可以将自定义图像和视频设置为页面的背景,或仅用于单独的行。
这个列和行系统可以帮助您构建一些非常高级的布局——这是您自己无法通过标准 WordPress 安装完成的(除非您想编写自己的 HTML 和 CSS)。
内容模块库
然后可以使用插件中包含的模块或页面元素填充这些布局。 这些模块的一些示例包括:
- 视频
- 滑块(内容、图像、文本和视频)
- 帖子(单个或列表)
- 小部件(包括您网站上活跃的任何第三方小部件)
- 小工具化侧边栏
- 号召性用语
- 菜单
- 布局部分
- 画廊
- 文本
- 图片
每个模块都有自己的一组选项和设置,允许您自定义它们的外观和功能。 还有 Builder Addons 可用于扩展您可用的选项。
当您构建布局并使用模块填充它们时,您可以轻松地重新排列内容,只需将模块拖放到新的行或列位置即可。
自定义选项
行、列和模块都可以独立定制,允许您更改其外观的各个方面。 这些内容样式自定义选项包括:
- 从多种动画效果中选择
- 为各个行设置背景图像或视频
- 自定义文本外观(Google 字体、颜色、大小、链接)
- 行宽和装订线间距
此外,您可以轻松复制一行及其内容,从而节省大量时间,并为您提供一种快速复制内容并在同一页面内重新调整用途的方法。 样式选项屏幕还使您能够插入自己的自定义 CSS,以更好地控制内容的外观。
更显着的特点
Themify Builder 的一些最佳功能包括:
- 八个有吸引力的可编辑预建布局
- 创建可重复使用的布局部分,可以插入到其他布局中
- 每个模块的大量动画效果选择
- 将来自其他插件的小部件插入到布局中
- 构建自定义主页和存档页面
- 适用于帖子和页面
- 背景图像的视差滚动
- 使用构建器在站点之间导入/导出页面布局
- 移动响应式布局
- 使用 CSS 自定义每个模块
- 从仪表板添加全局自定义 CSS
如您所见,Themify Builder包含用于创建和管理布局的有用功能。 您还可以获得大量选项来设置它们的样式并确定布局的每个单独组件的工作方式。
使用 Themify Builder 创建自定义页面布局
对于这篇评论,我正在查看 Themify Builder 的插件版本。 这与与 Themify 主题使用的框架集成的构建器版本相反。
在您的网站上激活插件后,可以从侧边栏上的 Themify Builder 菜单项访问设置。 这些设置允许您禁用或启用整个插件以及每个单独的构建器模块。
在设置页面中,您还可以启用插件的其他方面,以及输入您想使用的任何全局 CSS来自定义构建器及其模块的外观。
从 Builder Layouts 部分,您可以查看插件附带的预构建布局,以及您创建和保存的任何布局。 在撰写本文时,有八种预先构建的布局,包括投资组合、产品页面、代理主页、杂志布局、两个产品登陆页面和其他一些选项。
通过启动构建器,可以复制和编辑每个布局。 您还可以创建 Builder 布局部件并从设置页面管理它们。

这些布局部分可能包括您的布局的一部分,然后可以重复使用并插入到其他布局中。 这可能包括菜单系统、调用操作框或您可能在网站上重复使用的任何其他内容。
但是,如果您想在空白画布上创建自己的布局,您可以简单地创建一个新帖子或页面,然后从主题自定义面板访问构建器。
开始时,只需将其中一个模块拖放到工作区,然后为您选择的模块配置或输入内容。 从后端构建器视图中,您还可以处理布局并使用上下文相关菜单将列应用于行。
该界面非常容易掌握并开始使用。 虽然构建器的后端视图足够可用,但切换到前端视图可以更轻松地可视化您的布局在构建它们时对网站访问者的外观。
首次保存您的帖子或页面后,会出现“切换到前端”链接,单击会在您的自定义布局中打开另一个视图。
当从前端视图向布局添加模块时,这只是将它们拖放到适当位置的情况。 当您这样做时,会显示该模块的设置和选项,允许您配置它的工作方式以及外观。
这些设置非常令人印象深刻,让您可以控制模块中内容的显示方式。 例如,当使用 post 模块(用于在布局中显示帖子列表)时,您可以使用一些高级选项。
对于此模块,设置包括帖子的布局、要包含的帖子、如何对它们进行排序等等。 这有助于使 Themify Builder 成为创建自定义帖子存档页面或为您的网站构建主页以在动态列表中突出显示您最新或最受欢迎的帖子的绝佳选择。
每个模块还有自己的样式选项,允许您自定义模块中内容的外观。
虽然这些样式选项因模块而异,但您几乎总是可以使用大量控件来为您的站点获得正确的外观和感觉。 此外,您可以在提供的字段中轻松添加自己的自定义 CSS。
在您处理布局一段时间后,您可以保存设计,然后关闭构建器以体验您的新页面,就像您网站的访问者一样。 执行此操作后,您将很快发现前端编辑器视图与页面的实际前端视图有多接近。
如前所述,这意味着您可以在前端构建器中工作,而不必担心不断切换浏览器选项卡以查看您的布局,它将显示给您的访问者。 这是一个非常节省时间的功能,它消除了与后端构建器相关的许多挫败感。
如果您对自己的设计感到满意,则可以保持原样。 如果没有,您可以使用管理工具栏菜单重新打开构建器并继续处理您的设计。
退出策略
无论您今天多么喜欢某个产品,将来很可能会有某个时候您希望将其从您的站点中删除。 因此,重要的是要知道当您在您的网站上停用 Themify Builder 插件时会发生什么。
不幸的是,如果您决定停用 Themify Builder 插件,您使用它构建的任何布局以及您添加到这些布局的任何内容都将不再可用。 虽然这对于大多数此类插件的课程来说都是一样的,但有些插件仍然让您能够访问布局中的内容,尽管不再能够使用布局本身。
如果您希望将来选择切换到另一个构建器,这绝对是需要考虑的事情。
价钱
正如这篇评论的介绍所提到的,Themify Builder 可以作为一个独立的插件使用,并且作为其框架的一部分包含在 Themify 的每个 WordPress 主题中。
这为您提供了一些购买选择,包括在 Master Club 级别加入他们的主题俱乐部,并以一个有竞争力的价格访问他们的所有主题和插件。
访问此插件的定价选项如下:
- Themify Builder 独立插件:39 美元
- 单一主题:49 美元
- 主题会员俱乐部(所有主题):79 美元起
如果您想将 Themify Builder 与第三方主题结合使用,则需要使用可单独购买或作为顶级会员计划的一部分的插件版本。
结论和建议
我已经为 WordPress 使用了很多页面构建器插件,这肯定是更容易使用的插件之一。 在切换到前端视图以自定义单个元素或模块的外观和感觉之前,在后端视图中快速创建布局的能力是一种很好的工作方式。
您可以在布局和高级插件中插入的模块数量,更不用说插入站点上任何活动小部件的能力,帮助您轻松构建功能丰富的布局。
通过使用许多样式选项,包括动画效果、视差滚动和视频背景,意味着您可以为您的网站构建一些看起来非常专业的页面。
唯一可以在其他地方找到的值得注意的功能是内联编辑内容的能力。 能够简单地单击布局中的文本并开始内联输入,而无需启动另一个窗口,这将提高前端编辑器的直观性。
但是,当您考虑到易用性、预建布局的良好选择以及广泛的样式选项时,可以肯定地说, Themify Builder 插件对于任何想要创建自定义页面和发布布局的人来说都是一个不错的选择,以及他们自己的存档页面和主页设计,无需编辑任何代码。
立即了解有关 Themify Builder 的更多信息