自我们将 Page Builder Sandwich 推出给公众以来,已经过去 10 个月了。我们现在拥有大约 6,000 个活跃安装量,这对我们来说是一项相当不错的成就。我们也因此收到了大量的反馈,无论好坏。然而,大家的共识是,与其他页面构建器相比,人们很喜欢用它来轻松构建布局和创建内容。
我们收到的大量反馈都是功能请求,在过去的几个月里,我们添加了许多此类功能。但随着我们不断这样做,我们在此过程中也开始慢慢改变用户界面。结果,我们也顺带改变了用户体验……变得越来越糟。事情发展到了这样一个地步:我们需要重新思考界面,因为它不仅不再流畅,而且各项不同功能也无法很好地与其融合。
已弃用的界面
在 PBS 的早期版本中,我们希望一切都以按钮的形式呈现。为什么?因为按钮很容易使用。你只需要……点击它们即可。在较旧版本的检查器(上面图片中的侧边栏)中,单击按钮会增加数值,然后按住 Shift 单击按钮会减少数值。这听起来足够简单。但是随着轮播、选项卡、地图和其他新元素及功能的添加,所有这些按钮变成了一堆设计各异的不同图标,开始看起来有点像象形文字,而不是一个炫酷的界面。对于老用户来说这还不是问题,但如果你是 PBS 的新用户,看起来就会相当令人生畏。
其次,检查器上出现了一些问题。最初的想法是让所有内容在检查器内部都保持简单且可用。我所说的所有内容,是指一切——从将文本转换为标题,到更改背景颜色、字体颜色等等。然而在目前的状态下,检查器现在包含许多选项,让你不得不一直使用鼠标滚轮上下滚动。这与我以前希望为用户打造的检查器大相径庭。
最后,我们最近为你最喜欢的插件引入了简码映射功能.该功能需要我们创建文本字段、数字滑块、复选框以及其他新的选项类型,以使你的简码编辑体验更加愉快。起初,这是个好主意,是的,它确实让你操作简码变得更容易。但同样,该功能偏离了我们“仅用按钮”的界面设计。回想起来,只用按钮来更改简码属性确实是不可能的。现在,在最新版本中,我们最终得到了 2 种类型的控件: 按钮和简码字段。
还有其他几个原因让我们认定我们的界面不再有效(或不再适合我们的需求),但以上几点是主要的。不过有一点始终是肯定的: 我们知道必须更新界面。
定义页面构建器理想的工作方式
我们没有立即盲目介入并仓促改动,而是退后一百步来重新审视整个页面构建器的体验。我们希望为界面注入新的生机。说实话,我们不想年复一年地不断重构它。这很累人,而且绝对不会给 WordPress 社区带来实质性的帮助。这一次,我们决定缓慢而谨慎地行事。我们研究了 Page Builder Sandwich 的每一个角落,探讨是什么让它成为一个优秀的页面构建器,最终将整个编辑体验提炼成了几个核心概念。
核心概念 #1:直接在内容中打字编辑
安装页面构建器的主要原因之一是为了摆脱 WordPress 后台文本编辑器的限制。并不是说后台编辑器不好,但是在创建网页时,它不能立即向你展示访问者所看到的网页效果,也不允许你在单列布局之外进行内容排版。你在那里只能看到文本和一些图片,但看不到任何更复杂的内容(例如联系表单)。你确实可以添加简码,但它们不会以渲染后的形式显示*。
* 其他人正在制作插件来解决这个问题,例如 Shortcake UI,但这是另一码事。
这正是前端页面构建器发挥作用的地方。它们将编辑体验从后台带到了前端,让你按照访客真实看到的方式来编辑网站. 正如 Pippin 所言:所见即所得(WYSIWYG)。
作为前端编辑器的另一个好处是它允许你直接编辑文本。在网站构建中输入标题和段落时,能带来如同使用常规文字处理器般的轻松自如。按钮和选项卡标签也应该可以通过直接点击并键入来进行修改。
这是大多数其他页面构建器表现不佳的领域。它们中的大多数都强迫你在文本字段内打字来编辑所有内容。再次强调,在真正的前端页面构建器中不应该出现这种情况。自第 2 版以来,直接输入和编辑文本一直是 Page Builder Sandwich 的强项,我们确保在第 3 版中仍然坚持这一点。
核心概念 #2:利用鼠标进行快速调整
鼠标是一个强大的工具,但在页面构建器中经常被忽视。通常,页面构建器用它来让人们拖动内容并放置在不同位置,或者点击按钮或输入框。虽然这没什么问题,但在页面构建方面,你可以用鼠标做的事情还有很多。
其一,使用鼠标作为编辑页面的工具具有绝佳的视觉反馈,尤其是在调整外边距、内边距和尺寸等视觉属性时。现在,调整元素变得非常自然流畅。
在 PBS 第 3 版中,你将能够使用鼠标调整多项内容。你可以调整各个元素之间的外边距/间距、列内的内边距,以及图像、图标和地图的尺寸。我们还将允许你更改数值的按钮替换成了滑块。
核心概念 #3:文本应易于设置样式
如果你从显示器前稍稍退后一步,你会发现添加到网页中的大部分内容都是文本。是的,我们确实有图片和图标来搭配它们——最近我们还倾向于在网站中添加更大的图片。但是大部分的重要内容都是文本:标题、项目符号列表、段落、引用等。与此同时,我们如何为文本设置样式以适应我们的设计也同样重要。我们要么改变它们的大小和颜色,要么将它们加粗或倾斜。这是为了让我们的内容更具可读性、相关性,并对读者更具吸引力。
因为我们经常为文本设置样式,所以允许更改样式的按钮应该非常易于访问。它们不应该被收纳在一个我们需要先打开的弹出框中。大多数页面构建器都患有这种通病。为了让它们的用户界面贴上“整洁无杂乱”的标签,甚至连最常用的选项都被隐藏了起来,不在显眼处显示。
为了解决这个问题,我们参考了最常用的文字处理器。我们注意到它们通常在屏幕顶部附近有一行带有大量按钮的工具栏用于设置文本格式,第 3 版也采用了相同的布局。现在,我们在屏幕顶部常驻了一整行文本样式按钮。这使得样式设置非常迅速,近乎成为你文本编辑的本能直觉。
核心概念 #4:高级样式选项应灵活且易于理解
页面构建器的根本宗旨是让人们能够轻松创建令人惊艳的设计。这意味着我们应该提供大量不同的设置和选项,同时又不会带来艰难的学习曲线。能够调整外边距、内边距和文本样式固然很好,但这些作用有限。你需要更丰富的选项来完成工作,例如背景图片、图案、边框、固定背景等等。将所有这些不同的设置堆叠在一起可能会让人不知所措,因此我们简化了其中一些设置并将它们分类整理,以便在第 3 版中使操作更加友好。
核心概念 #5:简码支持
最后,别忘了我们的页面构建器是建立在 WordPress 之上的。我们应该拥抱这个平台及其特性,而不是限制它们或偏离它们。WordPress 提供的一个重要功能是简码。这并不意味着全部内容都应该由简码组成——那样会很乱——而是我们应该与它们保持兼容。许多插件和主题都使用简码,如果忽略它们将是一大损失。事实上,简码在创建页面时为用户提供了极大的灵活性。
几周前我们引入了简码映射系统,因此我们已经映射了来自数百个插件的数百个简码。我们优先考虑了 WordPress 插件目录中最受欢迎的插件,因此你很有可能在自己的网站中遇到它们。这在第 3 版中得到了进一步强化,我们将在未来继续改进这一点。
结语
我们融合了上述所有核心特性,并将它们融入了 Page Builder Sandwich 第 3 版中。这是我们迄今为止为 WordPress 构建的最佳页面构建器。它更直观、使用起来更自然,性能更快,使用更简单,并且比以往任何时候都更加友好。
如果你对核心页面构建器功能有任何想法,请在下方发表评论告诉我们。