随着时间的流逝,人们开始喜欢古腾堡(Gutenberg)编辑器。这个基于块的WordPress编辑器不仅带来了新的页面构建系统,还为WordPress网站用户提供了许多新功能。使用默认的古腾堡块,可以比以前更轻松地创建网站。但是可能需要更多高级模块和功能来设计专业的网页。Visual Gutenberg块工具包Qubely就可在此方面发挥作用。
Qubely拥有大量专用的自定义古腾堡块、内置部分、现成的页面布局以及各种样式选项,因此它不仅是古腾堡块插件,而且是古腾堡块编辑器上的设计工具包。使用它可以设计能想象的任何布局。
Qubely降低了古腾堡编辑器的局限性,为在WordPress网站上创建从简单到复杂的任何布局提供了无限的可能性。
为什么需要古腾堡块插件?
当然可以提出这个问题。如果古腾堡编辑器可以帮助我们轻松地创建网页,为什么还需要第三方插件?答案是,古腾堡虽然很方便,且有助于轻松地构建网页,但确实存在一些局限性。即默认块可能无法涵盖所需的内容类型。或者想使用更多选项来设置特定块的样式。
古腾堡不能单独完成所有这些。在提供基本块的同时,古腾堡块的某些插件(例如Qubely)提供了更多功能。因此,如果想将古腾堡编辑器提升到一个新的水平,只需一个能扩展其功能并提供自定义块的插件即可。
使用Qubely扩展古腾堡编辑器
Qubely用编辑器中缺少的许多自定义块扩展了古腾堡。使用该插件能通过应用多种样式选项来控制WordPress块编辑器。此外,还可以获得大量现成的节和布局。因此,甚至不必从头开始设计。使用Qubely的自定义古腾堡块可以创建外观精美且经过移动优化的网页。
从Qubely中能得到什么?
如果确信并决定要在WordPress网站上安装古腾堡块插件,则可以毫不犹豫地选择Qubely。接下来一起深入地了解Qubely古腾堡工具包,看看它能提供什么。
现成的页面布局包
Qubely提供了大量的页面布局包。导入页面布局并自定义外观。页面布局包提供了不同的类别,因此可以轻松浏览它们并选择所需的那个布局。每个布局包都包含取决于具体类型的所有必要页面,将来,更多布局包将添加到Qubely。
内置节
Qubely中有一个丰富的预定义库,有助于快速建立网站。这些准备好的部分可以直接导入,并在古腾堡编辑器中用作块。无需从头开始创建。也可以根据需要修改它们。预定义部分有不同的类别,因此可以轻松地浏览它们并找到所需的那个。
高级古腾堡块
这是Qubely变得更有趣的地方。Qubely中有许多自定义古腾堡块,能创建可以想象的任何布局。通过安装Qubely插件,可以向古腾堡块编辑器中添加超过22个的自定义块,并将在古腾堡上的页面构建经验提高到一个新的水平。Qubely内部的可用块为:
- 行:创建功能强大的完全可自定义的行和列布局。通过拖动调整列大小以获取所需的布局。控制间距,将图像、视频、颜色、渐变或混合模式添加到行背景。
- 按钮:设计按钮的布局、形状或界面的任何可能组合。在“按钮”块中具有可供选择的“样式”按钮。
- 证言:创造性地展示带有名称、头像、图标等的证言。从给定的选项中选择证言布局。决定是否显示行情图标、消息、姓名、昵称、头像和等级。
- 图标:使用“字体很棒”图标将图标放置在任何地方,然后按照自己的方式进行设置。选择显示带有或不带有背景和边框的图标。通过定义图标大小、对齐方式、链接、背景色和阴影来设置图标样式。
- 谷歌地图:嵌入谷歌地图并自定义地图高度、地图缩放和其他选项!
- 分配器:能设置样式并能灵活地对齐的精美预设分配器。
- 高级文本:添加和设计文本块。应用边框、阴影和调整版式。
- 计数器:添加具有广泛设置的计数器,例如限制和持续时间、设计、前缀和后缀等。
- 标签:在标签中显示内容,添加动画、图标等等!
- 可折叠标签:在下拉式界面中显示具有无限样式设置的可折叠文本内容。
- 视频弹出窗口:弹出视频,并用图标、包装和叠加层对其进行样式设置,以吸引访问者。应用叠加和阴影框,然后将动画添加到视频弹出窗口。
- 标题:带有动画、版式、边框和许多其他高级选项的样式标题。
- 进度条:在包含栏背景、动画等的进度条上显示统计信息。
- 社交图标:将社交媒体资料添加到带有标签和/或图标的某一位置。
- 按钮组:在一个位置上有多个具有灵活设计选项和创意布局的按钮。
- 信息框:将带有信息框的精美信息放置在网站上,以吸引用户的注意。信息框块附带标题、序言、动画、分隔符以及网站上时尚信息框的许多自定义选项。
- 高级列表:拥有高级列表以显示就绪的布局和自定义选项。
- 联络表格:让站点访问者在具有实用字段的联系表格上进行交互。在联络表单中启用或禁用占位符和标签。设计具有所需字体大小、高度、间距等的标签字体。改善输入样式并启用验证码。
- 图标列表:放置包含大量图标的有吸引力的图标列表,并自定义其外观。
- 订价:使用多个预定义布局分别制作具有不同计划的订价表。在计划中显示功能、徽章和发布按钮文字。设置计划持续时间、版式、风格标志,并实时编辑文本。
- 块包:使用喜欢的颜色作为背景包裹所有块,并使用块包包装更多块。
- 团队:分别征集每个团队成员的姓名、昵称和图像等详细信息。
- 图像:插入图像并使用Qubely 图像块美化它们。
- 时间轴:通过Qubely的新时间轴块显示各种事件的时间轴,例如产品发布、公司历史和里程碑、即将到来的更新、成就等。展示详细的时间表和路线图,并使用大量的自定义选项设置它们的样式。
智能布局编辑器(行列结构)
在古腾堡编辑器上直接使用行列结构,构建任何从简单到复杂的网页布局。主页面构建者广泛使用的行列布局构建概念如今可在古腾堡编辑器中使用,由Qubely提供。
多个行列组合
有不同数量和大小的列的多种组合。Qubely的“行”块可在一行中一次占用1到6列。选择所需的即可。
可调列
只需拖动并调整列的大小即可。选择由一定数量的列组合的行后,只需拖动它们即可调整列大小。使用可调式列系统进行所需的布局。
高级行列设置
除了对列进行填充和边距设置之外,还可以使用单一颜色、图像和渐变来设置列背景和悬停背景。创建列边框,应用边框半径,并分别为每一列设置动画。另外,通过向列添加自定义CSS(样式表)来超越这些样式选项。
经典和渐变背景色
想要拥有渐变颜色的背景吗?不用担心,现在就可以做到。Qubely可以设置具有渐变色和经典色的块背景。调整背景设置并选择任何颜色。也有一个调色板可供选择颜色。
自定义版式控件
还可以完全照顾网站排版。Qubely在每个块中提供了一个自定义版式控制选项,可以在其中定义字体系列、大小、粗细等。还可以根据将要显示的设备来应用字体粗细、字体变换,设置字体大小、字母间距、行高,以px(像素)为单位,以in(英尺)为单位以及以百分比为单位。
特定于设备的响应控制
使用Qubely块来创建响应式布局和页面内容。通过定义多个屏幕尺寸的拐点来控制网站的整体响应能力。因此,使用Qubely创建的所有内容都会完全响应。另外,还可以决定在特定设备上是否隐藏/显示内容。
全局颜色和版式设置
使用Qubely古腾堡工具包,可以全局设置调色板和版式。更改全局调色板中的颜色时,则指定的部分将自动获得颜色。与颜色一样,也可以为正文、标题和按钮等不同文本选择排版,以在WordPress网站上全局应用。
内置动画效果
通过应用淡入淡出、反弹、滑动、缩放、翻转、折叠、旋转等动画效果来使页面活动起来。在块上设置动画效果,使网页更具吸引力。
Qubely入门
使用Qubely创建漂亮的网页非常容易。无需离开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插件保护网站。