WordPress轻量级块GenerateBlocks

WordPress轻量级块GenerateBlocks

　　WordPress主题GeneratePress团队有一个插件：GenerateBlocks。它是轻量级WordPress块的小集合，可让您设计网站而无需任何代码。

　　作为WordPress轻量级的块，GenerateBlocks几乎可以完成任何事情。本文晓得博客为你详细介绍WordPress轻量级块GenerateBlocks

　　推荐：GeneratePress Free vs Premium，GeneratePress主题优点和缺点

WordPress中安装GenerateBlocks

　　GenerateBlocks是一个WordPress插件，可用于构建一个令人难以置信的网站。注意：GenerateBlocks可以与任何WordPress主题一起使用，它有免费和付费版本，具有很棒的功能。

如何在WordPress中安装GenerateBlocks

　　安装GenerateBlocks非常简单，因为它是一个插件并且在WordPress存储库中可用。

　　转到WP仪表盘界面。转到”插件”->“安装插件”，搜索“GenerateBlocks”。

　　单击安装并激活即可。

　　推荐：（图文）安装WordPress插件3种方法

如何在WordPress中安装GenerateBlocks Pro

　　如果您是GenerateBlocks Pro用户，那么首先需要安装免费的GenerateBlocks版本，然后按照说明进行安装。

　　访问GenerateBlocks网站。在菜单下，转到帐户->下载。

　　转到“插件”->”安装插件”。点击上传插件。浏览最近下载的GB Pro zip文件，上传安装并激活它。

GenerateBlocks块概述

　　Gutenberg Editor的其他块插件使用30、40个块，但GenerateBlocks仅使用4个块：Container、Grid、Headline和Buttons。你几乎可以用这4个积木构建任何东西，这实际上是不可思议的。

　　GenerateBlocks中的4个块：容器、网格、标题、按钮

• 容器：使用容器块创建一个简单的推进部分。
• 网格：使用网格块创建灵活的布局。
• 标题：使用高级排版创建带有标题块的段落/标题。
• 按钮：使用按钮块创建漂亮的按钮。

GenerateBlocks容器块

　　容器块是Generateblocks的支柱，可以在其中按行和列组织内容。

　　使用容器、网格、标题和按钮的组合来创建网页布局。在容器块中，您可以调整填充、边距、颜色、容器宽度等。

　　在GenerateBlocks中使用网格块创建灵活的布局。网格是GB中最重要的块，可以在其中制作精美的设计。可以单独使用Grid或与Container块一起使用，但基于容器中创建网格是一种很好的做法。

GenerateBlocks网格块

　　网格块使用一个flexbox，它将列包装在多行上。网格可用于设计定价表、创建推荐部分和订阅框，以及更多设计。

GenerateBlocks标题块

　　GenerateBlocks中的Headline Block类似于WordPress中的Heading Common Block，但它内置了更多组件，可以将标题和段落提升到另一个层次。可以从标题块中的元素中选择段落和标题标签（h1、h2、h3、h4、h5、h6）来设置标题。您还可以使用图标在标题中进行设置。

　　此外，还可以使用排版组件选择自定义字体、字体粗细、大小，以及在标题块中选择颜色、调整间距等，可以使用高级组件设置元素ID、CSS类。

　　推荐：如何将自定义CSS添加到WordPress网站

GenerateBlocks按钮块

　　使用GenerateBlocks Buttons，您可以创建可用于 CTA 的时尚按钮。您还可以创建登录、注册按钮、社交媒体按钮，并在每个按钮中设置图标。

　　可以在同一行中设置多个按钮或将它们垂直堆叠。此外，还可以使用排版、间距、颜色、渐变等其他组件来美化按钮。

自定义选项

　　排版：Generateblocks中的排版组件有助于使文本更时尚。可以对齐文本，选择字体粗细，转换文本。

　　还可以启用高级排版并选择Google字体，或者也可以在本地托管Google字体并选择本地字体。选择字体大小、备用字体系列等。

　　间距：在此组件中，可以为GenerateBlocks中可用的所有4个块设置间距。可以调整填充、边距、边框大小、边框半径等，使您的设计像素完美。

　　颜色：在颜色组件中，可以为容器、网格、标题和按钮设置颜色。还可以设置边框颜色、链接颜色悬停、文字颜色等。

　　可以使用渐变组件添加到您的块，首先需要启用渐变选项并设置渐变的方向。

　　背景渐变：此外，您可以设置两种颜色的颜色和停止位置。您可以在容器、网格和按钮中使用渐变组件。

　　背景图像组件：基本上，您可以在容器或网格块中使用背景图像。

　　除了JPG、PNG扩展名外，您还可以将SVG图片设置为背景图片。默认情况下，出于安全考虑，WordPress不允许上传SVG扩展。您需要安装像SVG Support 或 Safe SVG这样的插件来启用SVG上传。

　　SVG图标：您可以在按钮和标题块中设置SVG图标，您可以在其中从常规图标或社交图标面板中选择图标。

　　在这里，您只能找到限制图标集，因此您可以从任何其他外部网站选择SVG内联代码并将其粘贴到Icon SVG HTML部分。

　　推荐：如何在WordPress网站中添加Favicon图标

Generateblocks Pro

　　Generateblocks Pro插件有更多的自定义设置和超过150个模板的选项，以加快您的构建过程。GenerateBlocks Pro不会将任何新块添加到组合中。它使页面布局尽可能轻巧。但它确实添加了许多预制模板（使用上述块）、高级背景、更多自定义选项和自定义属性。

　　模板库

　　GenerateBlocks模板库有超过160个预制元素，您可以在Gutenberg块编辑器中添加这些元素。这些包括悬停框、号召性用语、图标和一堆其他通用内容，您可以重新利用它们来创建几乎任何页面。

　　高级背景

　　Generateblocks Pro专业版添加了许多其他额外功能，例如将图像添加到背景或创建渐变背景的能力。

　　样式编辑

　　当开始编辑站点的样式时，GenerateBlocks有两个选项。可以将他们的复制粘贴系统用于单个元素，也可以为整个站点编辑全局样式。

　　效果

　　专业版GenerateBlocks允许您为页面元素添加效果。您可以添加的效果库也令人印象深刻。您可以向块添加过渡、文本阴影、过滤器或框阴影。

　　容器链接

　　如果您想突出显示优惠或任何其他类型的CTA，您可以将链接添加到您的容器。

　　设备可见性

　　如果要在移动设备上重新创建页面的所有元素，它有时会显得杂乱无章。借助平板电脑和移动控件，可以轻松让在WordPress建站中可在更小的屏幕上更美观、响应更快。

　　自定义属性

　　自定义属性不是初学者网站建设者的生计。它们是一个复杂的系统，可为您的站点带来技术优势。

　　它使您可以将数据（以任何方式都不是动态的）直接存储到您网站的代码中，这可以让页面加载速度更快，进而提升您的用户体验和网站权限。

　　推荐：GeneratePress主题如何导入站点库网站内容？

GenerateBlocks速度测试

　　GenerateBlocks的构建主要关注性能。该插件每页只添加一个CSS文件，没有内联CSS代码或没有使用JavaScript，并且插件生成的HTML非常少，这使得GenerateBlocks轻量级和超快。

　　在GTMetrix中测试了网站主页，基本上，分数和加载时间取决于您的主机、位置和其他各种因素。在旅游网站上，可使用使用CDN、WP Rocket、Perfmatters来优化网站。

总结

　　以上是晓得博客为你介绍的WordPress轻量级块GenerateBlocks，GenerateBlocks是一个很棒的WordPress块编辑器。如果您愿意从头开始构建每个元素，它是一个轻量级的编辑器，可以替代页面构建器。

　　但是，如果您想要一个丰富的模板库来启动您的页面构建工作流程，Elementor仍然是您的最佳选择。

　　推荐：GeneratePress主题建站教程

　　推荐：如何在WordPress中删除查询字符串？