什么是页面构建器以及为什么前端至关重要

作者:

在

What-is-a-Page-Builder-and-Why-Front-End-Matters如果您是一位硬核博主,所进行的所有内容创作都围绕着撰写偶尔配有插图的长篇通篇文章展开,那么现有的 TinyMCE 内容编辑器或许足以满足您的需求。当前的工具集已经包含了撰写文章所需的必要工具,例如粗体、斜体、标题等基本文本格式化工具。但也仅此而已了。

缺乏友好的排版布局功能

虽然您可以使用当前的 TinyMCE 内容编辑器撰写文章,但除了单列连续的文本流之外,您没有其他得体的方式来对内容进行排版。开箱即用的状态下,您无法将文本排成两列或多列,也无法创建带有不同背景颜色的分区内容。如果您希望网站的其他部分(如着陆页和联系页面)显得独具特色,您就需要某种形式的基础布局能力。

其他人曾尝试通过利用 WordPress 的短代码(shortcode)功能来解决这个问题。简而言之,短代码允许通过使用特殊标签来插入代码片段。有一些 WordPress 插件引入了不同的短代码,您可以用它们来创建分栏内容。例如,如果您想将内容放在双栏布局中,可以用多个分栏标签包裹您的内容。虽然这种方法“行得通”,但它在视觉上并不直观友好,因为随着内容不断增加,最终一切看起来都会像是一团乱麻。

为了填补这一布局空白,页面构建器(Page Builder)应运而生。

Page building blocks

页面构建器让排版布局内容的创建变得轻而易举

页面构建器为您提供了额外的工具,让将内容编排为独特布局变得非常简单。页面构建器通常会移除后端的 TinyMCE 内容编辑器,并替换(或添加)一个新的编辑器来帮助您将内容可视化。如果您以前从未使用过后端页面构建器,可以想象一组积木,其中每个积木代表一种类型的内容:图像、文本或短代码。然后,它允许您将这些积木拖放到不同的布局和列中。

除了排版布局之外,页面构建器还使短代码的创建和放置变得更加容易。以前,短代码会以其原始形态完整地展现在您眼前。您会看到方括号以及混在内容中的所有属性和值。页面构建器通常会加入短代码生成器——即弹出对话框,相比手动输入,通过这种方式选择短代码属性更加用户友好。

前端页面构建器是未来的趋势

虽然所有这些都为设计师和内容创作者带来了更好的体验,但后端页面构建器本身存在一个巨大的问题。尽管您可以直观地看到内容的示意图,但您所看到的并不是真正的最终内容。这导致人们不得不频繁查看页面预览,以确认自己的操作是否正确。在使用后端页面构建器时,我个人往往会随随便便点击预览按钮至少 20 次,仅仅是为了检查内容是否对齐正确,或者外边距是否分布均匀。这既耗费大量时间,又让人烦恼不已。

为了解决这种不便,页面构建器应当被引入到前端。如果做到了这一点,就能消除页面布局过程中的猜测环节,因为您可以即刻看到最终效果。

截至目前,市面上有很多后端页面构建器,而前端页面构建器却屈指可数。在为数不多的几款产品中,就有 Page Builder Sandwich。如果您想了解更多关于 Page Builder Sandwich 的独特之处以及为什么它是适合您的工具,请阅读文章 Page Builder Sandwich 与众不同之处.