spot_img
HomeWordPress教程如何使用 WordPress 图像块

如何使用 WordPress 图像块

spot_img

使用图像是增强 WordPress 页面和帖子的最简单但最有效的方法之一。 但是,如果您不熟悉 WordPress 块编辑器,您可能会对如何使用 图片 正确阻止。

幸运的是,插入和使用 图片 块很容易。 了解其各种设置将使您能够更无缝地在整个网站中添加图像,并根据自己的喜好自定义它们。 在这篇文章中,我们将解释 图片 块及其工作原理,带您了解它的每个选项,并提供一些使用技巧。

让我们直接跳进去!

如何将图像块添加到您的帖子或页面

图片 块使向您的 WordPress 帖子和页面添加媒体尽可能简单明了。 为此,首先从 WordPress 仪表板导航到任何帖子或页面。

接下来,在编辑器中,单击 添加块 按钮(由加号图标标记)在您想要插入图像的任何位置。 然后选择 图片 堵塞:

WordPress divi主题

在 WordPress 中添加图像块。
如果它没有立即出现,您也可以在搜索栏中输入“图像”。

添加块后,下一步是选择要使用的图像。 从那里,您有三个选择。 您可以选择 上传, 媒体库, 或者 从 URL 插入

通过图像块插入 WordPress 图像的选项。

如果您选择 上传,您可以选择保存在计算机上的图像。 对于您已经上传到 WordPress 网站的图片,您可以导航到 媒体库. 要从复制的链接插入图像,请单击 从 URL 插入.

对于我们的示例,我们将上传一张图片:

通过 WordPress 中的图像块上传的图像。

如您所见,一旦您插入图像,就会出现一个带有各种选项的工具栏。 您还可以在屏幕右侧选择一些设置。 让我们更详细地探讨这些选项。

图像块设置和选项

插入图像后,您可以通过键入以下内容在其下方添加标题 添加字幕 场地。 然后在块工具栏中,您将找到可用于调整图像的各种设置和控件。 我们将从左到右遍历它们。

图像块工具栏设置

工具栏上的第一个选项可让您切换到不同类型的块。 接下来,如果您单击 应用双色调滤镜 图标,您可以从一组双色调中进行选择以应用于您的图像:

在 WordPress 图像块中应用双色调过滤器的选项。

WordPress建站服务

此选项还允许您修改图像中的阴影和高光,以更改其显示方式。 如果您想恢复到原始图像,可以单击 清除.

接下来,您可以通过选择调整图像在页面上的对齐方式 更改对齐方式

在 WordPress 编辑器中更改图像对齐的选项。

默认情况下,WordPress 会将您的图像设置为 左对齐. 但是,您可以通过选择更改此设置 居中对齐, 右对齐等。您也可以选择制作图像 宽的 或者 全屏宽度. 后者可用于将图像扩展到当前主题的标准内容区域之外。

要超链接您的图像,您可以单击链接图标并选择 媒体文件 或者 附件页

H10的年终大促

链接 WordPress 图像块的选项。

如果要修剪图像,可以单击 庄稼 图标。 执行此操作后,工具栏将展开以提供另外三个选项:

WordPress 中的图像块裁剪设置。

以下是每个图标含义的快速备忘单:

  1. 放大镜可让您放大图像,范围从 0% 到 300%。
  2. 纵横比 允许您为图像选择比例,包括两者的选项 肖像风景.
  3. 箭头图标可让您旋转图像。

进行调整后,您可以单击 申请 按钮保存更改。

最后,最后一个图标可让您在图像上添加文本:

通过图像块在图像上添加文本的选项。

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

附加图像块选项

如果您单击末尾的三个垂直点 图片 块工具栏,您会发现各种附加选项。 这包括以下设置:

  • 复制图像
  • 将图像编辑为 HTML
  • 将图像添加到可重用块
  • 在之前或之后插入一个新块 图片 堵塞

现在,让我们转到侧栏中的块设置。 在这里您可以选择四种风格:

高质量外链购买
  1. 默认
  2. 圆角
  3. 边框
  4. 框架

以下是每种样式的外观示例:

图像块样式选项。
接下来,下 图像设置,您可以找到字段以输入您的 替代文字 (1) 改变 图片尺寸 (2):

WordPress 图像设置。

请注意,输入替代文本对于搜索引擎优化 (SEO) 和可访问性目的都很重要。

在该选项下方,您可以调整图像的大小。 您可以从下拉菜单中选择预设尺寸,或在 宽度高度 领域。

writesonic

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

一旦您学习了如何在 WordPress 页面和帖子中插入图像,您可能会对学习如何有效使用它们感兴趣。 如果是这样,您需要牢记一些提示和技巧。

首先,我们始终建议优化您的图像。 您可以通过在上传图像之前压缩图像来实现此目的,以提高页面加载时间和整体网站性能。 之后,优化文件名和替代文本可以帮助提高您的 SEO。

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

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

关于图像块的常见问题

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

我在哪里可以找到 WordPress 中的图像块?

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

图像块有什么作用?

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

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

您可以在许多不同的地方将图片添加到 WordPress 网站。 您的选项将根据您使用的主题而有所不同。 但是,通过使用 图片 阻止您可以将它们插入页面、帖子和 WordPress 小部件区域。

结论

在整个站点中添加图像是为您的内容增添趣味的最简单、最强大的方法之一。 照片和屏幕截图不仅可以让您的内容更美观,还可以帮助提升整体用户体验 (UX)。

感谢 WordPress 图片 阻止,将媒体添加到您的页面和帖子比以往更简单。 通过从编辑器中选择相关块,然后配置各种样式选项以对其进行个性化,您可以快速将图像插入到您的内容中。

WordPress花园粉丝福利

想做跨境电商独立站但是没什么钱?可以免费试用Shopline智能建站工具,一个月都不要一顿火锅的钱!(这里就可以在线申请!) 或者扫描下方二维码
shopline

您对使用 WordPress 有任何疑问吗? 图片 堵塞? 在下面的评论部分让我们知道!

特色图片来自 TarikVision/shutterstock

siteground guangda
WordPress花园官方账号
WordPress花园隶致力于为广大跨境电商和独立站爱好者提供优质的WordPress教程、Woocommerce教程、Facebook、Twitter、tiktok、Instagram教程和谷歌SEO教程等资料和对应的建站推广服务。关注‘哟派出海’公众号了解最新资讯。粉丝福利:Shopline免费独立站建设14天优惠 商务合作: [email protected]
RELATED ARTICLES