适用于 Gutenberg 和 Kadence 块的 AI 图像生成器！

在 AI Image Lab 的 WordPress 块编辑器（也称为 Gutenberg）中使用人工智能 (AI) 生成图像变得更加容易，并且随着 AI Image Lab 1.0.3 更新的集成度更高，该更新引入了为实现 AI 而创建的 Gutenberg 块图像生成是内容创建过程的无缝部分！ AI 图像块旨在允许用户直接在其他内容中为 WordPress 页面或帖子快速生成各种自定义 AI 生成图像，而不是使用单独的窗口或媒体库覆盖来尝试选择外部的最佳图像。周围元素的上下文。 一旦找到并选择了完美的图像， AI 图像块就可以轻松转换为多个核心古腾堡块或 Kadence 块之一，这些块提供了额外的样式和布局选项。

快速教程

没有比示例更好的方式来展示古腾堡的 AI 图像块的功能了！ 我们将使用 Kadence Blocks 插件中的块，但使用核心 Gutenberg 块时的过程是相同的。

对于我们的示例，我们将为假设的房地产公司创建基本的主页布局。 页面结构将包括一个带有文本覆盖的顶部横幅，后面是一个包含图像和文本的两列行。

为了创建横幅，我们首先在页面顶部插入一个AI 图像块。 从工具栏中，我们将对齐设置更改为“全宽”。 在块设置侧栏中，我们将宽高比更改为“自定义尺寸”，并输入宽度 2048（当前最大值）和高度 600。（假设我们使用的是 AI Image Lab Pro，因为最大尺寸在免费版本是768。）

接下来，我们在块中显示的文本框中输入图像的一些描述性提示文本。 让我们尝试用一个词“neighborhood”。 然后我们单击“生成图像”按钮并等待该块填充图像。 由于我们的图像非常宽，因此预览图像可能会有些模糊，因为预览的渲染分辨率低于高清模式下的最终图像。

现在，我们可以使用 AI 图像块工具栏中的箭头来浏览预览图像。 如果我们接近一组预览图像的末尾，则会自动生成一组新的图像，因此如果我们快速浏览大量预览图像，可能会出现一些延迟。 在任何时候，我们都可以单击块工具栏中的编辑按钮来更改提示文本； 我们在块设置侧栏中所做的任何更改也将触发生成一组新的图像。 找到要使用的图像后，单击工具栏中的复选标记图标，这会将全分辨率图像下载到我们的网站，并使其替换块中显示的低分辨率预览。 由于我们选择的高分辨率，此过程可能需要一些时间。

这是我们在此示例中使用的图像：

由于我们想要在此图像上覆盖一些文本并进行一些其他样式更改，因此我们应该将 AI Image 块转换为更适合我们需求的不同块。 在本例中，我们将使用 Kadence Blocks 中的行布局块。 只需单击块工具栏最左侧的 AI 图像图标，然后选择“转换为”下的行布局（假设 Kadence Blocks 插件处于活动状态）。 出现提示时，我们为行选择单列布局。

此时，我们可能需要将行布局块上的对齐方式重置为全宽。 我们还需要将顶部和底部填充设置为 3XL，然后转到块设置侧边栏的“样式”选项卡中的“背景叠加设置”开关，并启用不透明度为 60% 的黑色叠加，以便在文本和背景图像。 然后我们可以在该行中插入一个“文本（高级）”块，将文本颜色设置为白色，对齐方式设置为居中，HTML标签设置为“H1”，行高设置为2。现在我们添加文本，其中作为一个非常基本的示例，可能会产生以下结果：

对于横幅下方的两列行，我们插入另一个行布局块，这次是两列布局。 我们在每一列中插入一个AI 图像块，并将每个块的长宽比设置为“3:2（横向）”（在本例中，我们将像素尺寸保留为默认值，但在生产中可能应该调整这些尺寸）以及生成较小的图像文件大小）。 对于左列，我们使用图像提示文本“公寓楼”，在右列中简单地使用“房屋”。 以下是我们在上传图像并转换 AI 图像块之前要进行的图像预览：

接下来，我们单击工具栏中每个AI图像块的复选标记按钮来上传图像，上传完成后，我们单击工具栏左侧的AI图像块图标，然后选择将每个图像转换为信息的选项Kadence Blocks 的盒式积木。 添加一些文本后，我们的页面如下所示：

结论

虽然 AI Image Lab 插件由于与 WordPress 媒体库和媒体选择器集成，自第一个测试版发布以来就几乎与古腾堡兼容，但 AI Image 块通过允许用户创建、预览、并根据使用场景上传人工智能生成的图像，从而更轻松地选择与周围内容配合良好的图像、找到正确的长宽比以及可视化成品。 AI Image Lab 与内置的 Kadence Blocks 插件（可选）兼容，是一款功能强大的工具，旨在使古腾堡内容创建者能够创建令人惊叹的基于块的视觉效果！

AI Image Lab 可免费使用，但对每 24 小时可以上传到网站的图像数量、这些图像的分辨率可以有多高等有一些限制。要获得创建高质量图像的更多功能，请查看AI Image Lab Pro 计划！