古腾堡编辑器教程：WordPress图片区块使用技巧与设置详解

在WordPress的世界里，图像是点亮页面与文章的璀璨星辰，而掌握图片区块的使用则是赋予这些星辰生命力的关键技能。对于初次接触古腾堡编辑器的用户而言，或许会感到些许陌生，但别担心，插入与运用图片区块远比想象中简单。深入了解其各项设置，不仅能帮助您在网站中无缝嵌入图像，更能让您随心所欲地定制它们。在这篇详尽的教程中，我们将深入剖析图片区块的奥秘，带您逐一探索其每一个选项，并分享实用的使用技巧。

如何将图片区块轻松添加到文章或页面

将图像融入WordPress的文章和网页是一项轻而易举的任务。首先，请从WordPress仪表盘进入您想要编辑的文章或页面。接着，在古腾堡编辑器中，找到您希望插入图像的位置，点击标志性的“添加区块”按钮——那个醒目的加号图标。在弹出的区块库中，选择“图片区块”。如果它没有立即出现在列表中，您也可以直接在搜索栏输入“图片”进行快速定位。

添加区块后，下一步便是选择您要使用的图像。这里有三条路径供您选择：上传新图像、从媒体库中选择已上传的图片，或通过URL插入外部图像。如果您想要添加全新的图片，请选择“上传”；对于已存储在WordPress媒体库中的图像，可以直接导航到媒体库进行选择；若您手头有图像的URL链接，则点击“从URL插入”即可。

以我们的示例为例，我们将选择上传一张图片。当图像成功插入后，一个功能丰富的工具栏将自动出现，您还可以在屏幕右侧找到更多设置选项。让我们逐一揭开这些选项的神秘面纱。

图片区块设置和选项

插入图像后，您可以在“添加标题”字段中为其添加标题。接着，在块工具栏中，您将发现一系列用于调整图像的设置和控件。我们将从左到右逐一介绍它们的功能。

图片区块工具栏设置

工具栏上的第一个选项允许您在不同类型的区块之间切换。接下来，点击应用双色调过滤器图标，您可以从预设的双色调集合中选择一种风格，并进一步调整图像中的阴影和高光，以改变其视觉效果。若想恢复到原始图像，只需点击“清除”即可。

接下来，您可以通过选择不同的对齐方式来调整图像在页面上的呈现位置。默认情况下，WordPress会将图像设置为左对齐，但您也可以选择居中对齐、右对齐等选项。此外，您还可以将图像设置为宽幅或全幅，后者能够使图像扩展到当前主题的标准内容区域之外，创造出更具视觉冲击力的效果。

若需为图像添加超链接，点击链接图标并选择“媒体文件”或“附件页面”即可。如果您想要修剪图像，点击“裁剪”图标，工具栏将展开提供三个额外的选项：放大镜、纵横比和旋转箭头。放大镜让您可以放大图像，范围从0%到300%；纵横比让您选择图像的比例，包括纵向和横向选项；旋转箭头则允许您旋转图像。调整完毕后，点击“应用”按钮保存更改。

最后，点击最后一个图标，您可以在图像上添加文本。与常规文本编辑器类似，图像上方会出现一个迷你工具栏，您可以使用这些控件来加粗、斜体或链接文本，并调整其对齐方式。

附加图片区块选项

如果您点击图片区块工具栏末尾的三个垂直点，将发现更多附加选项，包括复制图像、将图像编辑为HTML、将图像添加到可重用块，以及在图片区块之前或之后插入一个新块。

现在，让我们转向侧栏中的区块设置。在这里，您可以选择四种不同的风格：默认、圆角、边框和框架。以下是每种样式的外观示例：

接下来，在图片设置下，您可以找到输入Alt文本和更改图像尺寸的字段。请注意，输入替代文本对于搜索引擎优化（SEO）和可访问性目的都至关重要。在该选项下方，您可以调整图像的大小。您可以从下拉菜单中选择预设尺寸，或在宽度和高度字段中输入自定义值。

有效使用图片区块的技巧和最佳实践

一旦您掌握了如何在WordPress页面和文章中插入图像，或许会渴望学习如何更有效地运用它们。如果是这样，以下是一些值得牢记的提示和技巧。

首先，我们始终建议优化您的图像。您可以通过在上传图像之前压缩图像来实现此目的，从而提高页面加载时间和整体网站性能。之后，优化文件名和替代文本可以帮助提高您的SEO（可以使用Smart SEO Tool插件对WordPress上传的图片进行标题及Alt文本优化）。

另一个充分利用WordPress图片区块的技巧是花一些时间了解不同的调整大小和裁剪设置。能够直接在编辑器中裁剪图像（而不必转到媒体库）可以为您节省大量时间。了解如何使用这些控件可以帮助您快速无缝地增强页面以及图像在其中的显示方式。

最后，除了使用替代文字外，我们还建议在图片下方添加说明文字。这样做可以帮助您的用户更好地理解照片或屏幕截图的内容。这也是一个很好的地方，可以正确地将功劳归于您使用的第三方图像的原始来源。

关于图片区块的常见问题

此时，您应该对如何在您的WordPress网站上使用图片区块有了深入的了解。但是，让我们快速回顾一些最常见的问题，以确保我们已涵盖所有要点。

如何插入WordPress图片区块？

导航到WordPress文章或页面后，您可以通过几种不同的方式找到图片区块。第一个选项是在文本字段中输入“/image”。第二个选项是单击“添加按钮”块或加号图标(+), 然后在搜索字段中输入“图片”。

图片区块有什么作用？

简而言之，图片区块可让您将照片插入WordPress页面或发布，然后对其进行自定义。此块使您能够调整其外观的大小和外观，并直接在编辑器中显示它。您还可以使用图片区块通过计算机上传图像、从WordPress媒体库插入图像或从URL添加图像。

可以在WordPress的任何地方添加图像吗？

您可以在许多不同的地方将图片添加到WordPress网站。您的选项将根据您使用的主题而有所不同。但是，通过使用图片区块，您可以将它们插入到页面、文章和WordPress小工具区域中。

小结

在整个站点中添加图像是为您的内容增添趣味的最简单、最强大的方法之一。照片和屏幕截图不仅可以让您的内容更美观，还可以帮助提升整体用户体验(UX)。有了WordPress图片区块，在页面和文章添加媒体比以往更简单。通过从古腾堡编辑器中选择相关块，然后配置各种样式选项以对其进行个性化，您可以快速将图像插入到您的内容中，让您的网站焕发出无限生机。

文章网址：https://www.wpbull.com/jiqiao/8801.html

古腾堡编辑器教程：WordPress图片区块使用技巧与设置详解

相关推荐