Stackable：解锁方块的插件

你还记得80年代吗？ 新浪潮的到来，鲻鱼发型的出现，Cyndi Lauper、Michael Jackson、Madonna、Prince、Whitney Houston、Duran Duran 等的成功。 在 80 年代，这也是电子游戏的爆炸式增长，以及一款我们无数人都近在咫尺的游戏的发布：俄罗斯方块。

该游戏原理简单，在优化可用空间的同时堆叠不同形状的积木。

这个概念可以用一句话来概括： “俄罗斯方块完全符合最佳游戏的定义：一分钟学习，一生掌握” ，正如记者比尔昆克尔（又名游戏医生）所说。

可以应用于许多程序的语句，例如 WordPress。

说到 WordPress，如果我提到俄罗斯方块，那是因为我今天要剖析的插件叫做 Stackable。 并且有充分的理由，该插件添加了新的 Gutenberg 块以嵌套在您的 WordPress 站点中。

准备好迎接这个新的测试了吗？ 在你的标记上，准备好，去吧！

本文最初写于 2021 年 7 月，于 2021 年 11 月更新为 Stackable 的免费和高级 3.0.5 版本。

您最好的 WordPress 项目需要最好的主机！

WPMarmite 推荐 Bluehost：出色的性能，出色的支持。 所有你需要一个好的开始。

试试 Bluehost

什么是可堆叠？

“为下一代网页设计提供动力”。 这是 Stackable 在其官方网站上的使命，该插件将自己定义为“古腾堡的新页面构建体验”。 不少于！

必须说，在 WordPress 目录上，block 插件有超过 40,000 的活跃安装和 4.9 颗星的好评，满分 5 星，伴随着一连串的好评如潮。

如果您已经在寻找新的 Gutenberg 块，您可能已经遇到过诸如 Ultimate Addons for Gutenberg、Qubely、Getwid 或 Coblocks 之类的插件。

我们在关于增加古腾堡权力的插件的文章中谈到了它们。 他们的任务很简单：使内容编辑器中可用的 Gutenberg 块的范围多样化。

Stackable 也是为 Gutenberg 设计的插件，它带来了无数的块，从伟大的经典（标题、画廊、号召性用语）到更奇特的（报价、价格表、计时器、推荐等）。
这些块可以立即使用和定制。

那么，你可能会想，安装 Stackable 有什么意义呢？ 它们只是其他块中的块。 好吧，Gutenberg 提供了许多有用的块，但是使用 Stackable，可能性会成倍增加。

此外，您可以使用比 Gutenberg 原生提供的更高级的自定义功能，例如：调整块内元素的布局、间距、更改背景、添加悬停效果等。

Stackable 有两个版本：

• WordPress 目录中提供免费版本。

• 该插件的官方网站提供付费版本，在一个站点上使用起价为 49 美元。

可以想象，第二个可以访问更多块并允许更精细地自定义它们。

对于此测试，我们专注于高级版。

可堆叠设置

要开始配置 Stackable，请安装并激活插件。 然后转到设置>可堆叠。

在其界面上，您将可以访问以下设置：

• Font Awesome icons Pro （高级版）：将 Font Awesome Pro 套件集成到 Stackable。
• 编辑器设置：允许您控制 Stackable 编辑器的某些功能。 例如，您可以禁用设计库、设置某些块的宽度、关闭您不使用的编辑器窗格以及链接列，以便它们进行相同的更改。
• 角色管理器（高级）：授予或阻止某些用户角色访问块编辑器，并让他们只编辑内容。 注意：此管理适用于所有块，而不仅仅是 Stackable 中包含的那些。
• 自定义字段（高级）：此功能允许您创建自定义字段，您可以从编辑器动态添加到您的内容中。 为此，请转到 WordPress 管理的字段部分，单击“添加新”，定义字段类型（文本、数字、日期、时间或 URL）和名称。

然后单击“保存字段”，为您的字段输入一个值，然后单击“保存更改”以保存它。

要将其集成到您的内容中，请将光标放在您希望字段值出现的位置，然后单击数据库图标（它对应于动态字段）。

选择“站点”作为“动态源”，然后选择新创建的字段（它出现在“可堆叠自定义字段”下），最后单击“应用”。 而已！

这一切都很好，但我们为什么要这么做？ 由于动态内容的魔力，一旦我更新它，我的电子邮件地址将在我的网站上集成自定义字段的每个地方自动更新。

• 响应式断点：可以更改在平板电脑或移动模式下查看站点的屏幕宽度，从而显示您为这些设备定义的设置。
• 全局设置：有两个功能可用于克服可能与您网站上的主题不兼容的问题。 您可以输入主题内容区域的选择器，并强制使用Stackable 的字体，以便它们接管您的主题的字体。

与 Elementor 一样，Stackable 具有全局设置：适用于使用 Elementor 创建的页面的颜色和排版。 但是使用 Stackable，您可以为构成您网站的所有块定义这些设置。

• 启用和禁用块：如果您不需要某些块，您可以禁用它们，这样它们就不会出现在可用块列表中。
• 优化设置（高级）：允许您仅在包含 Stackable 块的帖子中加载 JavaScript 和 CSS 文件，而不是在整个站点上加载。 此功能的目的是提高您网站的性能。 此功能仅适用于版本 2 块，因为它已经适用于插件的最新块（从版本 3 开始）。

如何使用可堆叠？

套件和块

Stackable 直接在 WordPress 编辑器中使用。 为此，请创建或打开页面或帖子，然后选择帖子顶部的设计库。

设计库包含UI 工具包和类别。 它是什么？

事实上，这两个部分包含相同的元素，但分类不同。 UI 工具包收集样式指南可用的块，类别按块的类型对它们进行分组：标题、推荐、号召性用语等，可以在所有可用的样式指南中找到。

类别和 UI 工具包是为您找到合适的块的两种不同方式。

每个块都带有即用型和可定制的设计。 我们将在下一部分看到如何自定义它们。

要找到您需要的块，您还可以使用搜索栏。 窗口右上角的四个图标可让您刷新搜索结果并更改缩略图的大小，以获得更准确或更大的不同块视图。

如何在帖子中集成可堆叠块

您也可以像添加任何块一样简单地单击“+”图标，并且您将轻松识别 Stackable 插件块，因为它们装饰有紫橙色渐变。

通过单击“全部浏览”按钮，您可以访问您可以使用的所有古腾堡区块。 Stackable 块出现在“Text”和“Appearance”部分中，并且都被分组在同名的“Stackable”部分中，这也可以访问设计库。

所有这些路径都通向可堆叠块的罗马，是的，但主要是设计库路径可以访问预构建的设计。

以这个 Testimonial 块为例，它具有最少的格式、填充文本，并且没有示例图像：

并查看从设计库添加的另一个推荐块（ Prime Testimonial 2块）：

找到完美契合后，单击所需项目以将其直接嵌入到您的帖子中。 然后，您可以重新排列页面上的元素，就像任何 Gutenberg 块一样，并对其进行自定义。

自定义可堆叠

要自定义可堆叠块，请转到帖子右侧的“块”部分，您会在其中找到一堆选项，分为三类：块、样式和高级。

找到您感兴趣的可能会很乏味，因为有很多选择，但您也可以通过简单地双击要更改的块元素来找到它。 然后，您将一键进入该块的设置。

不同的自定义选项分为三个选项卡：

• 块：在这里您可以自定义组成块的不同元素的布局，添加边框和阴影以及对文本的背景、间距和对齐方式进行操作。

您还可以通过将鼠标悬停在块上，然后使用元素底部的手柄来调整块中元素之间的间距。 您甚至可以看到将其与其邻居分开的像素数。 很有用！

• 样式：允许您管理列并对排版、颜色、按钮和分隔符进行操作。 这更出乎意料，但您也可以为您的区块添加标题和描述。
• 高级：在这里您可以访问高级功能，例如与块关联的 HTML 标记和响应式管理（可以在计算机、平板电脑或移动设备上隐藏块）。 您可以调整块的边距和内容的对齐方式，但也可以为元素添加动画或过渡效果（不过要简单）。
  CSS 爱好者的锦上添花是能够直接在此界面中修改块的 CSS，在块旁边，并实时预览更改。
  最后，条件显示允许您仅在满足您先前定义的条件时才显示元素。

加入 WPMarmite 订阅者

获取最新的 WPMarmite 帖子（以及独家资源）。

现在订阅

如果您对模块的设计不完全满意，您可以修改许多参数以根据自己的喜好进行调整。

例如，我喜欢能够轻松地为元素或父元素的悬停添加效果（为父块应用背景以利用最后一个功能），或者轻松修改块的每个元素的边距.

更好的是：您可以在手机和平​​板电脑上选择不同的边距！ 因此，您可以轻松更改网站的响应方面。 为此，首先单击桌面图标（计算机）以显示其他设备的图标。

另一个不错的选择是在元素的顶部或底部添加分隔符，例如 Elementor。 您当然可以调整这些分隔符的外观，甚至可以在高级版中添加一两个较轻的层。

这是这个开胃汉堡底部的样子：

当您将鼠标悬停在他们的名字上时，某些设置会变成紫色，并且您的光标会变成一个问号。 如果您不知道它们是什么，请单击以查看有助于您了解它们用途的动画。 找到解决所有这些选项的方法非常有用。

对主题和插件有什么适应？

适应主题

根据官方文档，“Stackable 应该适用于任何主题”，只要您网站上的主题针对 Gutenberg 进行了优化。

说到主题，我在这篇文章的开头提到了它：有一个内部主题，旨在与 Gutenberg 编辑器和 Stackable 插件一起使用。 它是免费的，可在官方 WordPress 目录中找到。 简而言之，有了它，兼容性就得到了保证。

它是同名插件的颜色，所以我希望你不介意糖果粉色。

下载可堆叠主题：

插件适配

Stackable 文档确保它与elementor 页面构建器（aff 链接）兼容。 但请注意，您将无法在页面构建器编辑器中使用 Stackable 块。

它实际上与 Gutenberg 块的方式相同，您不能在 Elementor 编辑器中使用它们，您必须做出选择：使用 Elementor 或 WordPress 编辑器构建您的页面。

Stackable 官方网站还声称其块与任何插件兼容，因此您可以毫无问题地将它们与其他块库一起使用。

使用 Elementor 构建您的网站

使用著名的页面构建器轻松设计 WordPress 网站的外观和感觉。 尝试元素

尝试元素

文档和支持

如果您在使用 Stackable 时遇到任何困难，可以随时参考官方文档。

你会在那里找到：

• 专门介绍插件入门的部分。
• 故障排除部分。
• 定价和许可证详细信息。
• 有针对性的指南。
• 常见问题解答。
• 和其他资源。

您还可以在“设置”>“可堆叠”的“文档”选项卡中找到此文档。

如果出现技术故障，负责插件的团队会为用户提供经常遇到的问题的列表，以及解决这些问题的解决方案。

如果您仍然遇到问题，您可以致电 Stackable 的支持人员，或加入他们的 Facebook 群组以获取问题的答案。

关于支持，如果您通过设置 > Stackable中的“联系我们”选项卡中的联系表格向 Stackable 团队发送您的请求，或者发送至电子邮件地址support @wpstackable.com，Stackable 团队可以为您提供帮助。

什么是物有所值？

高级版在提供的各种块方面自然更加慷慨。 自定义选项也更多。

例如，对于功能块，免费版有 2 个布局选项（基本版和普通版），而高级版有 13 个。

在高级版中，也有或多或少有趣的参数，取决于您对 Stackable 的使用，例如与Font Awesome Pro和角色管理器的集成以及修改 CSS 中任何块的可能性。

要使用最后一个功能，请转到Advanced部分，然后转到Custom CSS 。 方便：实时显示您的更改。

高级版还提供一年的支持和更新。

使用 Stackable 或页面构建器：这就是问题所在

就是这样，我们一起讨论了 Stackable 的功能和设置。 现在您对块插件存储的内容有了更清晰的了解。

如果您是页面构建器的粉丝，或者已经仔细研究过它们，您可能想知道：为什么要使用 Stackable 而不是页面构建器？

因为例如 Stackable 提供的选项和 Elementor 的免费版本具有可比性。 并且有充分的理由， Stackable 使用页面构建器来实现设计体验，正如其官方网站所声称的那样： “有信心使用 Gutenberg 的新页面构建体验轻松构建最快的网站” 。

随着完整站点编辑的到来，它将允许对站点界面的所有元素（而不仅仅是帖子的内容）采取行动，Stackable 可能会更接近。 也就是说， Stackable 具有直接在 WordPress 内容编辑器中使用的优势，与当前的页面构建器相比，它简化了设计体验。

另一方面，Elementor 的专业版提供了更高级的小部件和功能。 由于单个站点使用这两个插件的成本相同（49 美元），我们建议您转而使用页面构建器的庞然大物。

我们对 Stackable 的最终意见

总而言之，我们可以说 Stackable 是一个相当直观的插件，它提供了现代和美观的设计。

Stackable 适用于任何想要拥有更高级块来自定义网站设计的网站创建者，而无需触及任何代码行（但如果他们掌握了 CSS，则有可能根据自己的喜好放置块）。

但是，您应该使用它还是直接使用 Elementor 等更高级的页面构建器？

事实上，通过 Stackable，我们正在直接在 WordPress 编辑器中实现页面构建器的设计体验。 可以说，这是古腾堡计划最终目标的开始，即成为真正的“网站建设者”。

但是，我们还没有。 目前， Stackable 将帮助您以与 Elementor 免费版相同的方式创建帖子，无需任何模板管理（Stackable 允许您加载预制设计，但不能保存您自己的设计）。

如果您喜欢使用 WordPress 编辑器，并且 Stackable 提供的块足以满足您的项目，那就去吧！ 不需要使用 Elementor。

但是，如果您需要更高级的功能或需要从头开始设计网站（我的意思是自定义所有页面模板），Elementor（aff 链接）或其竞争对手之一将是必不可少的。

如果您是已经被 Elementor 诱惑的用户之一，那么 Stackable 可能不会大受欢迎。 毕竟，你有自己的习惯，所以没有真正的理由去改变它们。

如果您对 Stackable 的 Pro 版本感兴趣，请不要犹豫，查看可用的演示并浏览免费版本，以确保块和选项符合您的喜好。

下载可堆叠插件：

而你，你已经用过了吗？ 这篇文章是否让您想使用它？ 在评论区分享你的观点。