Qubely Blocks – Full-fledged Gutenberg Toolkit – WordPress plugin WordPress插件下载

点击下载

Qubely Blocks – 成熟的Gutenberg工具包

插件描述

Qubely是一个成熟的Gutenberg工具包,具有大量预定义的部分和现代布局包在Gutenberg编辑器上创建漂亮的页面和帖子。它提供了全新的体验,最大限度地减少了Gutenberg编辑器的所有限制,并开启了在WordPress网站上创建任何简单到复杂内容的无限可能性。这个用户友好的工具已经开发出所有必要的自定义功能,以实现任何可能的布局。

Qubely使用编辑器中缺少的许多自定义块扩展了Gutenberg。完全控制WordPress块编辑器,能够应用开箱即用的样式选项。使用Qubely定制的Gutenberg模块创建网页和帖子,这些模块非常棒且移动优化。

Qubely核心功能一览

预定义部分现代布局包高度可定制的行列现场视频背景& blend modeDrag column resizingShape divider / builderDevice specific responsive controlsUnlimited Google web fonts&系统fontsClassic&渐变色和背景内置animationBox-shadowFont非常棒5图标和线条图标自定义CSS

Qubely内部的高级Gutenberg块

Qubely为WordPress块编辑器添加了许多自定义Gutenberg块,并将站点构建提升到了一个新的水平。 Qubely内部可用的自定义高级Gutenberg块是:

RowButtonAccordion / ToggleTabsTestimonialHeadingCounterAdvanced TextVideo PopupGoogle MapProgress BarIconDividerSocial IconsContact FormIcon ListAdvanced ListButton GroupInfo BoxMore高级Gutenberg块来自

Qubely Gutenberg阻止功能和功能的详细信息

行:从各种列变体中创建功能惊人的行。使用鼠标拖动调整列大小以实现所需的布局。控制间距,添加视频,图像,颜色,渐变或混合到行背景。调整高度并将内容放在顶部,中间或底部位置。必要时添加其他自定义CSS代码。

按钮:按钮块的设计符合所有必要条件。可以选择设计任何可能的布局,形状或界面组合。您可以设计平面,渐变或线条按钮。设置按钮图标,可以更改图标位置和大小及其间距。选项可用于更改边框,排版(字体,大小,行高,字母间距)和阴影。

见证:使用Qubely的推荐块,在帖子或页面上展示客户的客气话语。从给定的布局中选择布局。决定是否显示报价图标,消息,名称,名称,头像,评级等,并在各自的设置中进行设置。

图标:使用图标作为块并将它们放在页面和帖子的任何位置。从丰富的Font Awesome和Qubely Line Icons中选择图标。显示带或不带背景和边框的图标。应用风格选项的世界,包括图标大小,对齐方式,链接,背景颜色,阴影和方式更多看起来更好。

Google地图:将Google地图嵌入您的网站并分享您的位置,以便更有效地吸引访问者。 Qubely高级Gutenberg块插件中的Google Map块具有添加地图地址,自定义地图高度和缩放地图的控件,范围为1到20.

分隔符:分隔您的拥有令人惊叹的28个预先设计的Qubely分隔块分隔块。指定分隔符的高度ht&宽度
,无论设备类型如何,并灵活对齐(左/中/右)。为分隔线着色并以您认为合适的方式应用动画效果。

高级文本:在设置文本内容样式时不再受限制。使用Qubely的Advance Text块,您可以应用高级样式选项。更改排版(字体,大小,行高,字母间距),调整设计并添加边框和&箱阴影。

计数器:在您的帖子或页面上有一个带有计数器块的动画号码/计数器,以吸引人的方式显示您的里程碑。使用计数器限制设置块,确定其持续时间,添加前缀&后缀,更改排版,并将创意设计应用于内容。

标签:以漂亮的预先设计的标签显示文字,并带有三个标签设计变体。使用高度可自定义的Qubely Tabs插件添加动画,图标,背景颜色。在创建响应选项卡以展示功能和趋势时,设计具有首选宽度和间距的选项卡。

手风琴:将可折叠文本内容放在您的网站上,并以巧妙的方式呈现在Accordion区块中。设置项目以美学方式显示隐藏的内容。控制标题设计,边框和排版。选择项目行为&从下拉列表中选择导航图标,并使用内容包装器选项以您希望的方式设置内容。

视频弹出:使用视频弹出块为您的网页创建一个不错的触摸,而不占用太多空间。您可以添加一个弹出图标,可以完全更改其设计。更改排版,使用包装背景设计背景,应用叠加,框阴影和动画以带来不错的触感。

标题:使用高级Headi创建令人惊叹的标题/标题ng block。标题越有吸引力,你就会越注意。通过调整排版及其颜色来标题文本样式。在添加完美动画的同时设置完美对齐。

进度条:使用Qubely的Progress Bar区块展示您卓越的技能,经验或正在进行的项目的进展。更改块的每个元素,包括排版,颜色,背景和形状。应用动画效果使其更具吸引力。

社交图标:使用Qubely社交图标将所有社交媒体配置文件添加到一个位置。它包括所有流行的社交平台,您可以选择使用标签,图标或两者来显示。使用样式选项调整图标大小并添加动画,使您的社交图标脱颖而出。

按钮组:在Qubely Button Group中包含具有灵活设计选项的时尚按钮组。按钮组带有预定义的布局,尺寸选项,按钮角的选择以及其他无限可定制的方面。您可以在按钮组中创建渐变背景颜色效果,并启用巨大图标集合中的图标。修改悬停,阴影并向按钮添加动画,以在整个站点中显示漂亮的按钮。

信息框:在Qubely Info Box中放置引人入胜的信息,这些信息必将引起用户的注意。从3个预定义布局中进行选择,然后进一步个性化。在信息框中启用按钮,添加各种媒体,修改背景颜色和阴影。用户友好的信息框附带标题,前缀,动画,分隔符和一系列自定义选项,用于您网站中的创新信息框。

高级列表: Qubely高级列表块允许您创建时尚且信息丰富的列表。它带有两个预定义的布局 – 经典和填充。选择你的布局设计n并根据您的需要进行定制。在列表中选择所需的列数。有大量的排版选项,如选择字体大小和类型,字母间距,行高,对齐等。将您喜欢的大小的图标添加为巨大的图标库中的项目符号。灵活地设计间距,背景大小,阴影甚至为您的列表添加动画!

联系表格:使用Qubely联系表格列表块在您的站点中有效显示联系表格。该块有两种布局 – 经典和材质。在联系表单列表中启用/禁用占位符和标签。您甚至可以设计具有所需字体大小,高度,间距,面积等的标签排版。通过首选尺寸,textarea高度,间距,装订线,颜色,背景颜色等改善您的输入样式!从块设置中直接输入您的接收方电子邮件,如果您愿意,可以启用验证码。最后,在您的广告素材联系表单列表中添加按钮甚至动画!

图标列表: Qubely图标列表附带经典和填充预定义布局,您可以自定义这些布局以制作出色的列表。从数百个图标中进行选择,为您网站上的图标列表找到完美的图标。定义图标列表对齐并个性化图标大小,位置,间距和颜色。使用颜色,间距和边框选项灵活地修改设计。排版设置附带更改字体大小,间距,高度等选项!

一些令人兴奋的Qubely功能详情

让我们深入探讨这个先进的Gutenberg块插件的令人兴奋的功能。

预定义部分

为了帮助您快速构建网站,Qubely拥有一个丰富的预定义部分库,可以导入这些部分并在Gutenberg编辑器中用作块。您不再需要从头开始设计它们。此外,如果你是ev,你可以修改他们的外观我想。 Qubely内部的预定义部分有不同的类别,以便您可以轻松浏览它们并找到所需的部分。

行列结构

使用Gutenberg编辑器的默认列块,一次不能超过两列。另一方面,Qubely的Row块允许您一次在一行中取1到6列。有多种不同数量和大小的列组合。你只需要选择你需要的东西。最重要的是,您可以通过灵活拖动列来调整列大小。

在Gutenberg编辑器上构建一个具有行列结构的复杂网页布局。广泛使用的主要页面构建器的行列布局构建概念与Gutenberg编辑现在在Qubely的祝福下。

高级行列设置

除了将填充和边距应用于列之外,您还可以设置列背景并使用单色,图像和渐变悬停背景。提供列边框,应用border-radius,并为每个列单独设置动画。此外,通过向列添加自定义CSS,超越这些列样式选项。

视觉内联样式

此Gutenberg页面构建器中的丰富功能块提供可视内联编辑和样式选项。您可以编辑,修改和设置块上的大多数块内容的样式。与所有其他Gutenberg块一样,编辑和修改块内容的选项位于每个块的左上角。因此,您不必离开块来创建,编辑和修改块内容。

特定于设备的响应控件

在Qubely的定制Gutenberg块的帮助下,您在Gutenberg编辑器上创建的所有内容都具有响应性,非常适合各种规模的设备。此外,您可以通过定义小屏幕的断点来控制整个响应速度。如果需要,您还可以在不同设备上隐藏块。

自定义排版控件

此Gutenberg页面构建器使您可以完全控制块的排版。您可以根据它们将显示的设备选择字体,应用字体粗细,字体变换,设置字体大小,行高,字母间距(px,em和百分比)。

您可以在此处找到文档
文档

想要参与插件吗?

您现在可以参与Github上的插件: Github上的Qubely块

屏幕截图

Qubely Block List
Qubely Blocks
Qubely Layout
Qubely Shape
Qubely Row
Qubely Column
Advanced Type

此插件提供24个块。

qubely / accordionAccordionqubely / advancedlistAdvanced Listqubely / buttonButtonqubely / buttongroupButton Groupqubely / contactformContact Formqubely / counterCounterqubely / dividerDividerqubely / headingHeadingqubely / iconIconqubely / iconlistIcon Listqubely / infoboxInfo Boxqubely / mapGoogle Mapqubely / pagesettingsGlobal Settingsqubely / pricingPricingqubely / progressbarProgress Barqubely / columnColumnqubely / rowRowqubely / tabsTabsqubely / tabTabqubely /球队Teamqubely / testimonialTestimonialqubely / textAdvanced Textqubely / videopopupVideo Popupqubely / wrapperBlock Wrapper

安装

最低要求

PHP 5.6.0或更高版本(建议使用PHP 7.1或更高版本)MySQL 5.0或更高版本(MySQL 5.6)或者更高建议)

自动安装

自动安装是在WordPress中安装任何插件的最简单方法。您可以通过登录WordPress仪表板,导航到“插件”菜单并单击“添加新”按钮来执行Qubely的自动安装。

这将打开一个页面,显示WordPress中所有可用的插件。在搜索字段中,键入Qubely。搜索结果将显示我们的Qubely插件,然后您可以通过单击“更多详细信息”查看详细信息,然后只需单击“立即安装”按钮即可。

手动安装

要手动安装Qubely,您需要下载插件并通过任何FTP应用程序将其上传到您的Web服务器。

WordPress编解码器包含有关如何执行此操作的说明

常见问题

Qubely是免费的吗?

是的,Qubely是一个免费的WordPress Gutenberg块插件。也可以有高级版本。但总有一个免费版本。

我可以在任何WordPress主题中使用Qubely吗?

是的,您可以将Qubely与任何与Gutenberg兼容的WordPress主题使用。

我需要Gutenberg使用Qubely吗?

是的,Qubely是基于Gutenberg编辑器构建的。你必须要Gutenberg来使这个插件工作。

我在哪里可以获得支持?

您可以通过在WordPress插件目录或Themeum支持论坛上的此插件的支持部分发布来获得支持:https://www.themeum.com/support/🙂

我在哪里可以报告错误?

找到了错误?请通过在WordPress插件目录上的此插件的支持部分或直接在我们的支持论坛上发布来告诉我们。 https://www.themeum.com/support/

评论

发表评论

电子邮件地址不会被公开。 必填项已用*标注