随著时间的流逝,人们开始喜欢古腾堡 (Gutenberg) 编辑器。这个基于块的 WordPress 编辑器不仅带来了新的页面构建系统,还为 WordPress 网站使用者提供了许多新功能。使用预设的古腾堡块,可以比以前更轻松地建立网站。但是可能需要更多高阶模组和功能来设计专业的 WordPress 网页。 Visual Gutenberg 块工具包 Qubely 就可在此方面发挥作用。

Qubely 拥有大量专用的自定义古腾堡块、内建部分、现成的页面布局以及各种样式选项,因此它不仅是古腾堡块插件外挂,而且是古腾堡块编辑器上的设计工具包。使用它可以设计能想象的任何布局。

Qubely 降低了古腾堡编辑器的局限性,为在 WordPress 网站上建立从简单到复杂的任何布局提供了无限的可能性。

为什么需要古腾堡块插件外挂?

当然可以提出这个问题。如果古腾堡编辑器可以帮助我们轻松地建立 WordPress 网页,为什么还需要第三方插件外挂? 答案是,古腾堡虽然很方便,且有助于轻松地构建 WordPress 网页,但确实存在一些局限性。即预设块可能无法涵盖所需的内容型别。或者想使用更多选项来设定特定块的样式。

古腾堡不能单独完成所有这些。在提供基本块的同时,古腾堡块的某些插件外挂 (例如 Qubely) 提供了更多功能。因此,如果想将古腾堡编辑器提升到一个新的水平,只需一个能扩充套件其功能并提供自定义块的插件外挂即可。

使用 Qubely 扩充套件古腾堡编辑器

Qubely 用编辑器中缺少的许多自定义块扩充套件了古腾堡。使用该插件外挂能通过应用多种样式选项来控制 WordPress 块编辑器。此外,还可以获得大量现成的节和布局。因此,甚至不必从头开始设计。使用 Qubely 的自定义古腾堡块可以建立外观精美且经过移动优化的 WordPress 网页。

从 Qubely 中能得到什么?

如果确信并决定要在 WordPress 网站上安装古腾堡块插件外挂,则可以毫不犹豫地选择 Qubely 。接下来一起深入地了解 Qubely 古腾堡工具包,看看它能提供什么。

现成的页面布局包

Qubely 提供了大量的页面布局包。汇入页面布局并自定义外观。页面布局包提供了不同的类别,因此可以轻松浏览它们并选择所需的那个布局。每个布局包都包含取决于具体型别的所有必要页面,将来,更多布局包将新增到 Qubely 。

内建节

Qubely 中有一个丰富的预定义库,有助于快速建立网站。这些准备好的部分可以直接汇入,并在古腾堡编辑器中用作块。无需从头开始建立。也可以根据需要修改它们。预定义部分有不同的类别,因此可以轻松地浏览它们并找到所需的那个。

高阶古腾堡块

这是 Qubely 变得更有趣的地方。 Qubely 中有许多自定义古腾堡块,能建立可以想象的任何布局。通过安装 Qubely 插件外挂,可以向古腾堡块编辑器中新增超过 22 个的自定义块,并将在古腾堡上的页面构建经验提高到一个新的水平。 Qubely 内部的可用块为:

行:建立功能强大的完全可自定义的行和列布局。通过拖动调整列大小以获取所需的布局。控制间距,将影象、视讯、颜色、渐变或混合模式新增到行背景。按钮:设计按钮的布局、形状或介面的任何可能组合。在 “按钮” 块中具有可供选择的 “样式” 按钮。证言:创造性地展示带有名称、头像、图示等的证言。从给定的选项中选择证言布局。决定是否显示行情图示、讯息、姓名、暱称、头像和等级。图示:使用 “字型很棒” 图示将图示放置在任何地方,然后按照自己的方式进行设定。选择显示带有或不带有背景和边框的图示。通过定义图示大小、对齐方式、连结、背景色和阴影来设定图示样式。谷歌地图:嵌入谷歌地图并自定义地图高度、地图缩放和其他选项! 分配器:能设定样式并能灵活地对齐的精美预设分配器。高阶文字:新增和设计文字块。应用边框、阴影和调整版式。计数器:新增具有广泛设定的计数器,例如限制和持续时间、设计、字首和字尾等。标签:在标签中显示内容,新增动画、图示等等! 可折叠标签:在下拉式介面中显示具有无限样式设定的可折叠文字内容。视讯弹出视窗:弹出视讯,并用图示、包装和叠加层对其进行样式设定,以吸引访问者。应用叠加和阴影框,然后将动画新增到视讯弹出视窗。标题:带有动画、版式、边框和许多其他高阶选项的样式标题。进度条:在包含栏背景、动画等的进度条上显示统计资讯。社交图示:将社交媒体资料新增到带有标签和/或图示的某一位置。按钮组:在一个位置上有多个具有灵活设计选项和创意布局的按钮。资讯框:将带有资讯框的精美资讯放置在网站上,以吸引使用者的注意。资讯框块附带标题、序言、动画、分隔符以及网站上时尚资讯框的许多自定义选项。高阶列表:拥有高阶列表以显示就绪的布局和自定义选项。联络表格:让站点访问者在具有实用栏位的联络表格上进行互动。在联络表单中启用或禁用占位符和标签。设计具有所需字型大小、高度、间距等的标签字型。改善输入样式并启用验证码。图示列表:放置包含大量图示的有吸引力的图示列表,并自定义其外观。订价:使用多个预定义布局分别制作具有不同计划的订价表。在计划中显示功能、徽章和释出按钮文字。设定计划持续时间、版式、风格标志,并实时编辑文字。块包:使用喜欢的颜色作为背景包裹所有块,并使用块包包装更多块。团队:分别征集每个团队成员的姓名、暱称和影象等详细资讯。影象:插入影象并使用 Qubely 影象块美化它们。时间轴:通过 Qubely 的新时间轴块显示各种事件的时间轴,例如产品释出、公司历史和里程碑、即将到来的更新、成就等。展示详细的时间表和路线图,并使用大量的自定义选项设定它们的样式。

智慧布局编辑器 (行列结构)

在古腾堡编辑器上直接使用行列结构,构建任何从简单到复杂的 WordPress 网页布局。主页面构建者广泛使用的行列布局构建概念如今可在古腾堡编辑器中使用,由 Qubely 提供。

多个行列组合

有不同数量和大小的列的多种组合。 Qubely 的 “行” 块可在一行中一次占用 1 到 6 列。选择所需的即可。

可调列

只需拖动并调整列的大小即可。选择由一定数量的列组合的行后,只需拖动它们即可调整列大小。使用可调式列系统进行所需的布局。

高阶行列设定

除了对列进行填充和边距设定之外,还可以使用单一颜色、影象和渐变来设定列背景和悬停背景。建立列边框,应用边框半径,并分别为每一列设定动画。另外,通过向列新增自定义 CSS(样式表) 来超越这些样式选项。

经典和渐变背景色

想要拥有渐变颜色的背景吗? 不用担心,现在就可以做到。 Qubely 可以设定具有渐变色和经典色的块背景。调整背景设定并选择任何颜色。也有一个调色盘可供选择颜色。

自定义版式控制元件

还可以完全照顾网站排版。 Qubely 在每个块中提供了一个自定义版式控制选项,可以在其中定义字型系列、大小、粗细等。还可以根据将要显示的装置来应用字型粗细、字型变换,设定字型大小、字母间距、行高,以 px(画素) 为单位,以 in(英尺) 为单位以及以百分比为单位。

特定于装置的响应控制

使用 Qubely 块来建立响应式布局和页面内容。通过定义多个萤幕尺寸的拐点来控制网站的整体响应能力。因此,使用 Qubely 建立的所有内容都会完全响应。另外,还可以决定在特定装置上是否隐藏/显示内容。

全域性颜色和版式设定

使用 Qubely 古腾堡工具包,可以全域性设定调色盘和版式。更改全域性调色盘中的颜色时,则指定的部分将自动获得颜色。与颜色一样,也可以为正文、标题和按钮等不同文字选择排版,以在 WordPress 网站上全域性应用。

内建动画效果

通过应用淡入淡出、反弹、滑动、缩放、翻转、折叠、旋转等动画效果来使页面活动起来。在块上设定动画效果,使 WordPress 网页更具吸引力。

Qubely 入门

使用 Qubely 建立漂亮的 WordPress 网页非常容易。无需离开 WordPress 预设编辑器。 Qubely 在古腾堡编辑器中提供了其自定义块。在网站上安装此 WordPress 块插件外挂后,将在古腾堡编辑器中 Qubely 类别下拥有所有的 Qubely 块。让我们看下面的整个过程。

安装 Qubely 插件外挂设定 Qubely 访问 Qubely 块使用 Qubely 块汇入节/布局

安装 Qubely 就像安装其他任何 WordPress 插件外挂一样。可以从控制面板中进行搜寻来安装它,也可以从 WordPress 目录下载,然后将其上传到站点。选择全由自己决定。

设定 Qubely 插件外挂

Qubely 内部不需要设定太多东西。 Qubely 无需更改设定即可开始工作。在站点上安装 Qubely 后,Qubely 选项将新增到 WordPress 网站上的控制面板中。单击 Qubely 选项将进入 Qubely 设定页面,只需要决定将 CSS 储存在哪里即可。在 CSS “储存方法” 下选择 “标头” 或 “档案系统”,然后单击下面的 “储存变更” 。

访问 Qubely 块

现在,Qubely 内部有 14 个自定义块。在即将到来的更新中将逐渐增加块的数量。一起看一看如何访问它们。

站点上一旦安装了 Qubely,就可以在古腾堡编辑器上轻松地访问 Qubely 块。单击加号,在编辑器的搜寻栏中输入 “Qubely”,所有 Qubely 块将出现在搜寻栏下方的 Qubely 类别中。也可以在搜寻栏中写入特定块的名称来访问块。

使用 Qubely 块

使用 Qubely 块就像在古腾堡编辑器上使用其他任何块一样。通过搜寻 Qubely 或块名称访问块,然后单击要使用的块。选定的块会拥有预设设计,也可以使用 Qubely 的高阶选项自定义样式。

汇入节/布局

想要从一开始就准备好吗?Qubely 提供了许多现成的布局,可以将其作为块汇入。还可以自定义和应用样式选项,以使它们更好。现成的节和布局分为不同的类别,可在它们之间轻松导航。

在网站上安装 Qubely 古腾堡插件外挂,可以设计能想象的任何布局。 Qubely 提供了许多现成的元素,例如内建节,现成的布局等。无需从头开始建立所有内容,但是当然也可以从头开始建立。更重要的是,通过定期更新,Qubely 会提供更多功能、现成的设计和新模组而变得更加强大。因此,在未来的日子里,此插件外挂会变得更加丰富。 Qubely 能提供多种选择,给使用古腾堡块带来更多启发。你在等什么? 立即获取 Qubely,开始构建出色的网站吧。 想知道更多的内容可以阅读怎样使用 WordPress 插件外挂保护网站。