CrocoBlock 评论 Elementor Page Builder 折扣券的最佳服务

已发表: 2022-09-18

最近,有超过 100 万个活跃的 Elementor 页面构建器安装。 越来越多的人喜欢在处理网站内容时保持简单。 这意味着每个人都需要能够在不编码的情况下使用站点的解决方案,并且也被证明有助于以更少的努力创建更复杂的项目。 CrocoBlock正是您在处理此类项目时正在寻找的东西,尤其是在您使用 Elementor 时。

该服务已经引起了 WordPress 开发人员以及网络工作室和自由职业者的关注。 我也不能错过尝试它的机会,并且对CrocoBlock提供的灵活性和强大功能的结合感到非常高兴。


因此,如果您对 CrocoBlock 订阅一无所知,让我们从表征该服务的一般事物开始。

CrocoBlock 订阅服务包括:

  • +30个为 Elementor 制作的不同主题的皮肤(博客、会计、代理、商业等);
  • 超过 1000 个预先设计的部分以及模块化功能;
  • 10个Jet插件,提供各种内容和功能;
  • 24/7 专业支持;
  • 简单的年度/终身许可。

使用所有这些软件包,您将能够从头开始创建一个网站,甚至不会出汗。 假设您拥有 Elementor 免费页面构建器和 CrocoBlock 的单一年度许可证,让我们看看如何做到这一点。

目录

步骤 1. 快速安装

购买 CrocoBlock 订阅后,您会立即进入可从您的帐户页面访问的下载部分。

在这里,您可以看到三个可用选项,它们都可以引导您完成安装过程:

  • Super Easy Installation Pack – 如果您想一次安装所有 CrocoBlock 产品,包括 Kava 主题和 Jet 插件集以及演示内容,您将使用此安装包;
  • 简易安装包- 随意使用此包分别安装 CrocoBlock 产品和 Kava 主题,或者如果您目前不想使用 Kava 主题,而您宁愿使用另一个 WordPress 主题;
  • Jet Plugins Pack – 如果您想安装 Jet 插件并使用皮肤和预先设计的部分,请使用此包,但您不确定是否要使用其他任何东西。

我决定使用 CrocoBlock Super Easy Installation Pack,因为我将探索该服务的全部功能。

我还准备了一个网站,上面安装了干净的 WordPress。

JetThemeWizard 插件让我在大约 2 分钟内完成了所有安装步骤。 我已添加许可证密钥并选择使用 Kava Child 主题。

然后我选择了皮肤列表中可用的皮肤之一,然后单击开始安装按钮。

配置插件

插件分为必需、推荐和额外块 我决定安装所有这些并单击下一步按钮。 我花了整整 38 秒来安装所有东西。

我还选择了将演示内容附加到现有内容选项,然后单击下一步按钮继续安装演示内容。

演示内容在不到20 秒的时间内安装完毕。 但是,重新生成缩略图的过程需要一段时间。

干净的 WordPress 网站的平均安装时间约为 2 分钟,但这也取决于您使用的服务器以及您网站上已有的内容量。 如果它是一个有内容的实时站点,我猜,安装可能需要更长的时间。 然而,我仍然喜欢这个过程,这很容易。

步骤 2. CrocoBlock 仪表板

现在我已经安装了CrocoBlock ,我可以在我的 WordPress 仪表板中看到它。 这是安装完成后自然会去的地方,所以让我们更深入地探索一下。

在这里,我可以访问以下块:

  • 许可证——在我的网站上有效的许可证代码;
  • 插件——从这里我可以访问 CrocoBlock 订阅中可用的所有插件,安装它们,在需要时停用和更新它们;
  • 主题- 我可以更新 Kava 主题并备份它的块;
  • 皮肤——在这里我可以选择另一个皮肤而不是我正在使用的皮肤并安装它;
  • 设置——访问位置关系、位置注册等的位置;
  • 用户指南——您可以在此处找到文档、知识库的链接,并查看有关 CrocoBlock 产品的视频教程。

我决定尝试将皮肤换成另一种,所以我选择了 Dolcetti 皮肤来使用并单击安装选项。

由于此皮肤需要与我网站上最近安装的相同插件,因此我跳过了插件安装并单击了“跳到演示内容”按钮。

安装皮肤的过程不超过 1 分钟。 皮肤可以这么快更换。 实际上,该过程类似于第一次安装 CrocoBlock 的方式。

步骤 3. 主题部分模板

JetThemeCore插件提供了使用主题部分模板的能力,例如部分、页眉、页脚、存档和单个帖子页面。

要找到它们,您必须导航到WordPress Dashboard 中的 CrocoBlock > My Library

正如我已经提到的,我已经设置了其中一个皮肤,它已经包含了页眉和页脚模板。

这些模板位于页眉和页脚块中,可用于使用Elementor 实时页面构建器进行编辑。

如果您想将标题模板更改为另一个模板,或自定义其外观,您可以从这里进行。

此外,您可以创建其他完全不同的页眉和页脚模板,并将它们分配到设置 > 条件块中的不同页面。

要访问标题库,需要单击魔术按钮并在此处选择可用的标题模板之一,然后单击插入以应用它。

之后,只需转到“设置”>“条件”块,然后选择要为其应用页眉的页面或模板。 您可以添加一个新的页脚并以同样的方式使用模板库中的页脚。

存档页面模板

当您想要创建存档页面模板时,事情会稍微复杂一些。 为此,您必须导航到主题部分中的存档块并创建一个新的存档模板。

您将立即被重定向到 Elementor 编辑器,您可以在其中使用动态内容小部件来展示您网站上的现有出版物(自定义帖子、产品、术语等)。

将来会有现成的存档模板可供从魔术按钮库中选择,但是目前它们不可用。

顺便说一句,如果您想创建自定义帖子类型,添加自定义额外分类法或具有所需内容类型的元字段,可以使用CrocoBlock 包中包含的JetEngine插件来完成。

第 4 步。创建菜单

设置标题后,您可以使用导航菜单小部件、汉堡面板小部件向其添加菜单,或使用可以轻松帮助您创建垂直或水平巨型菜单的JetMenu插件。

我决定创建一个水平的巨型菜单,并在我的标题中使用它。 为了做到这一点,我从CrocoBlock > Plugins 块安装了插件,然后导航到Appearance > Menus以检查我的主菜单。

在这里,我想向 About 项目添加一个大型菜单,所以我将其悬停,然后单击JetMenu按钮以打开 Content 弹出窗口。

我启用了 Mega Submenu选项,然后单击 Edit Mega Menu Item Content 选项。 当 Elementor 编辑器打开时,我添加了几列,然后在其中添加了一些小部件以放置在我的 megamenu 中。 然后我只需单击更新以保存模板并向后导航。

向标题模板添加一个巨型菜单

要做到这一点,必须打开CrocoBlock > 我的图书馆,然后在这里开始编辑所需的标题模板。

让我们在小部件列表中找到 Mega Menu 小部件并将其放到所需的部分。 然后我们必须选择一个要使用的菜单,在样式块中对其外观进行一些自定义——我们就可以开始了!

顺便说一句,要预览大型菜单项,您只需将鼠标悬停在您添加了大型菜单的所需菜单项上!

实际上,您不仅可以使用JetMenu 插件添加水平菜单,还可以使用大型菜单项创建垂直菜单。

当需要创建菜单时,JetMenu 插件绝对涵盖了人们可能感兴趣的所有方面,并且您会惊讶于该插件可以如此轻松地定制。 使用 JetMenu 插件添加的菜单也是响应式的,当您打开移动预览时,它会以整洁的汉堡包的形式显示。

另请阅读:

12 个最佳工作 WordPress 主题列表

最佳 WooCommerce WordPress 主题

PremiumPress 评论

最佳 20 个体育 WordPress 主题列表

步骤 5. Elementor 的 Jet 插件

JetMenu 只是 CrocoBlock 中包含的巨大 Jet 插件包的一部分。 这些插件甚至在服务推出之前就已经很流行了。 目前很难忽视他们为网站添加的力量。

正如我所提到的,其中一些是安装皮肤时需要的,其他的可以从 CrocoBlock Dashboard 访问。 让我们仔细看看它们。

  • JetElements

这个插件为 Elementor 添加了 +30 个新的小部件,包括内联 SVG、横幅、作品集、图像布局、时间线等。每个小部件都有大量的风格化设置,当它们组合在一起时,它们几乎涵盖了任何类型的内容。

  • JetBlog

该插件提供 4 种不同的动态内容小部件,以将帖子显示到列表、图块和文本代码中。 还有视频播放列表小部件。

  • 喷气式菜单

我已经描述了如何使用此小部件通过 Elementor 创建一个大型菜单。 但是,如果您的标题不是使用 Elementor 页面构建器构建的,您也可以使用它来设计普通网站的菜单。

  • JetTabs

该插件包括有助于将内容结构化为有吸引力的选项卡和手风琴块的小部件。 它允许将 Elementor 构建的模板放入垂直和水平选项卡中,如果您想节省页面空间,这将非常有用。

  • 喷气机

该插件将视觉效果和动画添加到 Elementor 构建的部分、列和小部件。

  • 喷气块

使用此插件,您将能够将登录和搜索表单、WooCommerce 购物车和汉堡面板元素添加到标题中。 它还允许对部分使用粘性效果。 如果您想创建粘性标题,这可能是必要的。

  • 喷气机评论

使用它在使用 Elementor 构建的页面上创建时尚的评论块。

还有JetEngine JetThemeCoreJetWooBuilder插件,但它们提供的功能与上述插件略有不同。 其中一些已经描述,其他将进一步提及。

第 6 步。单个帖子页面。 创建存档页面

假设我们还需要创建项目自定义帖子类型来展示我们网站上的项目。 或者,您可能需要创建服务帖子类型,或添加包含多个项目的投资组合。 在任何情况下,您都可以使用JetEngine插件创建这些自定义帖子类型。

它还将帮助您创建自定义分类,使用单个自定义帖子和自定义术语模板以及创建动态网格布局。 当您想要添加一个存档模板时,这些布局很有帮助,您的自定义帖子或术语在所需的结构中精美展示。

请注意,为了做到这一点,首先,我们必须安装并激活JetEngine 插件

如何展示您的项目?

  1. 我必须添加项目帖子类型。 为此,我导航到JetEngine > Post Types并单击Add New 按钮。
  2. 然后我填写了关于我的自定义帖子类型的一般信息,例如标题和 slug,并更改了帖子设置(我为我的新自定义帖子类型设置了图标并定义它必须支持标题、编辑器和缩略图块; 我还添加了几个自定义元字段)。
  3. 保存更改后,我在仪表板中发现了一个名为 Projects 的新项目,带有我为其设置的图标。 我已经使用这个新的自定义帖子类型块添加了几个项目,设置缩略图图像以申请它们。
  4. 然后我返回到JetEngine > Listings并使用 Posts 类型创建了一个新列表。 我还将 Projects 帖子类型定义为我需要的帖子来源。
  5. 之后,我在页面中添加了几个Dynamic Field 小部件和 Dynamic Image 小部件,并选择了我需要输出的内容源:动态字段的标题和内容以及 Dynamic Image 小部件中的缩略图。
  6. 我还添加了动态元小部件来显示我的自定义帖子模板的发布日期和作者。

我创建的模板适用于所有具有项目类型的自定义帖子

之后,我创建了一个新的存档页面模板并将列表网格小部件拖放到其中,以便以网格的形式显示项目。

实际上,这花了我不到5 分钟的时间,但是,我没有使用自定义分类法对项目进行分类,也没有在我的网格布局中添加更复杂的过滤器。

JetEngine插件是最近才添加到 CrocoBlock 插件包中的,它是比较新的,而且,从它的功能来看,我认为它将来会有更多的功能。 在 CrocoBlock 包中包含的所有 Jet 插件中,我最喜欢它,因为它以自己的方式独一无二,并且允许处理更复杂的项目。

第 7 步。 关于将 WooCommerce 引入 Elementor 的几句话

如果您想使用 Elementor 创建一个在线商店并正在寻找完成此任务的最佳方法,CrocoBlock 可以真正帮助您完成此任务。 它包括预先设计的单一产品页面模板以及强大的JetWooBuilder插件,它提供了一组 15 个动态内容小部件,用于显示 WooCommerce 内容并对其进行样式设置,而无需任何 CSS 或 PHP。

JetWooBuilder 插件允许:

  • 创建 WooCommerce 单一产品页面模板;
  • 添加产品和产品分类布局;
  • 使用专为 WooCommerce 产品制作的一组特殊小部件显示动态内容。

像往常一样,在创建新的产品页面模板之前,我们必须向网站添加一些 WooCommerce 产品。 为此,我在我的 WordPress 仪表板中导航到产品 > 添加新产品,并在此处添加了几个带有描述、价格、缩略图等的产品。

然后我导航到WooCommerce > JetWoo Templates 块并在此处创建了一个新模板。 指定您可以为其设置模板的产品非常重要。 当您将添加动态 WooCommerce 小部件时,它们将从您在那里设置的产品中提取所需的数据,包括缩略图、评论、评级、价格等。

之后,您可以为单个产品页面应用可用的预设计模板之一(只需单击“从预设计模板创建”按钮),或者您可以创建自己的全新模板(单击“添加新模板”按钮)。

Elementor Editor在此处打开时,您将看到用于 Single Product 页面的一组小部件:

  • 添加到购物车按钮
  • 单张图片
  • 单标题等

只需将它们拖放到所需的列和部分,并使用样式设置自定义这些小部件的外观。 创建单一产品页面就是这么简单。

如果您需要为网站上的所有产品设置新创建的模板,您可以在 WooCommerce > 设置块中进行。 在这里您需要单击 JetWooBuilder 选项卡并访问 Single Product 模板条件设置。

尝试小部件

现在,您可以将产品网格或图块添加到主页,或使用其中一个布局小部件在您的商店页面上显示产品类别布局。 其中有 4 个:

  • 类别网格;
  • 产品清单;
  • 产品网格;
  • 分类瓷砖。

每个小部件都有订单和查询设置以及强大的样式设置。 它们非常易于使用。 只需选择您最喜欢的小部件,然后使用 Elementor 将其放到所需的位置。 这就是您使用它们所需要做的一切。

总结:CrocoBlock 评论 Elementor Page Builder 折扣券的最佳服务

CrocoBlock订阅服务不仅仅是它提供的优质产品。 该服务还使它们保持最新,并不断增长,为现有功能添加更多新功能。 您会自动收到更新(包括新的 Jet 插件)。 每周都会推出的新皮肤也是如此。

CrocoBlock 服务还拥有一支技术娴熟的支持团队,随时准备提供帮助,如果您不确定其功能或有任何疑问,您可以直接在 Facebook 上或通过预售聊天联系该团队。

当您开始测试 CrocoBlock 时,您可能会认为这完全与 Elementor 的插件有关。 但是,说实话,CrocoBlock 代表了在Elementor上创建网站所需的全套产品。 对于初学者和 Web 开发人员来说,同样值得关注。 并且其中包含的每个产品都有其独特的位置和用途。

CrocoBlock订阅服务彻底改变了创建网站的概念。 它涵盖了所有内容,这是每个人最喜欢它的地方。