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中安装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类。
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部分。
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仍然是您的最佳选择。
Claude、Netflix、Midjourney、ChatGPT Plus、PS、Disney、Youtube、Office 365、多邻国Plus账号购买，ChatGPT API购买，优惠码XDBK，用户购买的时候输入优惠码可以打95折
