
高质量的图像可以为您的网站创造奇迹。如果使用得当,图像可以使您的内容更具吸引力且更易于消化。更重要的是,与缺乏视觉效果的博客文章相比,带有图片的博客文章在搜索引擎中的排名往往更高。因此,了解如何在您的网站上充分使用图像至关重要。
在将照片添加到页面和文章时,WordPress具有出色的灵活性。您可以按照自己的意愿格式化图像并在内容中排列它们。您还可以使用照片画廊、标题和背景图像等功能使您的网站更具视觉吸引力。
如果您想了解有关在WordPress网站上使用图片的更多信息,那么您来对地方了。在这篇文章中,我们将陈述16个WordPress网站常见图像问题。
1.如何在WordPress中上传图片
要在WordPress文章或页面中上传图片,只需单击带有加号的黑色按钮(在本文中,我们将其称为“添加区块” 按钮)。这将要求您选择一个区块以插入到您的内容中。
选择图片按钮,将出现一个区块。

接下来,单击“上传” 按钮并选择要添加的图像。选择打开, 然后你就完成了!
2. 如何将图像左对齐或右对齐
当您选择图像时,其上方会出现一个工具栏。单击对齐按钮并选择Align left 或Align right。

如您所见,此工具栏还为您提供了其他选项。这包括替换图像并添加链接。
3. 如何在图片下方添加说明文字
要添加标题,只需单击您的图片,您就会看到在下方写下内容的选项。

请注意,您还将获得一些标题样式选项。您可以通过单击标题工具栏中的第三个按钮链接到另一个页面。
4. 如何添加WP画廊
如果要按列和行显示图像,可以单击“添加区块” 按钮并从选项中选择“画廊”。接下来,单击画廊区块中的上传,然后选择要添加的图像并选择打开。

上传图片后,您就可以四处移动它们。为此,您可以单击图像并使用箭头按钮。您还将看到一个选项,可为您的图像和画廊编写标题。
5. 如何创建响应式图片库
默认的WordPress画廊非常基础。如果您使用您的网站来展示您的摄影作品,您可能需要考虑添加一个插件,让您可以构建和自定义您自己的图片库。
对于漂亮的响应式画廊,我们建议使用Envira Gallery插件(更多画廊插件)。安装并激活插件后,导航到Envira Gallery>Add New。在那里您可以创建您的第一个画廊,然后您可以通过选择Envira Gallery区块将其插入到您的文章中。

您可以先将一些照片上传到您的图库,然后单击“Config” 以选择列数、设置延迟加载延迟并使用其他可用功能。

记得给你的画廊命名。这样,您将能够在将它们添加到您的文章时更轻松地找到它们。
6. 如何为文章设置特色图片
WordPress支持为文章选择特色图片。当此图片出现在您的博客供稿中时,该图片将归于您的文章。如果没有特色图片,您的文章将缺少缩略图。文章缩略图是显示在您博客主页上的缩小尺寸图片,可帮助用户对相关内容进行分类和识别。
要设置特色图片,请前往右侧的侧边栏,选择“发布” 选项卡,然后导航到“特色图片” 部分。

接下来,单击设置特色图片并上传您的图片文件。或者,您可以通过单击媒体库选项卡来选择已上传到您网站的图像。
7. 如何在文章和页面中添加封面图片
如果您正在撰写一篇长篇文章,您可能需要在不同部分之间添加一张宽大的封面图片,以便您的内容更易于理解。要添加封面图片,首先单击“添加区块” 按钮并在搜索栏中键入“封面”。
选择封面按钮后,该区块将出现。单击上传 以从您的计算机添加图像,或选择媒体库 以选择您已上传到站点的图像。

如果您想对封面图片进行一些更改,可以使用文章中工具部分中的选项。
8. 如何防止特色图像出现两次
一些WordPress主题会在已发布文章的顶部显示特色图片。使用内容编辑器时,此图片在您的文章中将不可见。
因此,您可能认为除了将其设置为特色图片(如第 6 步所示)之外,还必须将其插入到您的内容中。如果你这样做,你会在你的实时文章中获得两次相同的图像。

要解决多张图片的问题,只需从文章编辑器中删除图片即可。然后您就可以使用您在“设置特色图片” 框中选择的图片。
9. 如何裁剪图像
WordPress提供了一些基本的照片编辑功能。要编辑照片,您可以转到WordPress仪表盘并导航到Media>Library。选择图像后,将弹出一个窗口。

单击图像下方的“编辑图像”按钮,您将进入带有编辑工具的页面。选择 顶部的裁剪按钮,然后拖动框的角以根据您的喜好裁剪图像。
或者,您可以通过在右侧栏中输入尺寸和纵横比来更改图像大小。

在顶部,您可以找到旋转和翻转图像的选项。完成照片编辑后,单击“保存”。请注意,更改将应用于原始照片。
10. 如何添加网站Header图片
一些WordPress主题具有标题图像。要更改默认标题图像,请转到您的仪表板并导航到外观>自定义。
在自定义页面上,单击Header Image。如果您在菜单中看不到此选项,则表示您当前的主题不支持标题图像。

在标题图像页面上,选择添加新图像以替换标题中的默认图像。

完成后,您可以单击屏幕顶部的“发布”按钮。这将保存您的更改。
11. 如何添加背景图片
您的 WordPress 主题也可能支持背景图像。要设置一个,请通过从WordPress仪表盘导航到外观 >自定义来访问主题的自定义页面。
接下来,单击颜色。找到正文背景并单击选择图像。

设置背景图像时,您将获得一些用于调整预设和图像位置的选项。请记住在退出前保存您的更改。
12. 如何为WordPress网站查找免费图片
在为您的文章和页面采购图片时,我们建议您访问免费图片库以避免侵犯版权。一些网站提供免版税图片,包括Pixabay、Unsplash、 Flickr Creative Commons和Pexels(更多免费图片查找)。

这些网站上提供的图像可以免费使用。但是,在图像说明中使用链接来感谢摄影师或艺术家总是一个好主意。
13. 如何添加图像标记
标签可以更轻松地组织和过滤网站上的照片。但是,WordPress目前不提供图像标记功能。因此,您可能需要下载一个插件,让您可以使用类别和标签对图像进行排序。
对于分类和标记图像,我们建议使用Media Library Assistant插件。首先安装并启用插件,然后前往Media>Library。
您可以在媒体库页面上看到您上传到WordPress网站的所有照片。单击顶部的列表视图按钮,然后找到要标记的照片并单击“编辑”。

在编辑媒体页面上,找到Att. Categories和Att. Tags。 在右侧标记部分,然后开始向您的图像添加类别和标签。

您还可以在此页面上重命名您的图像、编写标题并添加替代文本。完成后,单击右侧的“Update”按钮以保存更改。
14. 如何将外部图像导入WordPress
要将外部图像导入WordPress,您需要使用安全文件传输协议 (SFTP) 工具( 例如FileZilla)直接访问旧网站的文件。找到您网站的根目录,然后转到wp-content/uploads。

在那里,您会找到已上传到站点的媒体文件。将它们下载到一个安全的位置,然后登录到您的新WordPress站点。 再次导航到wp-content/uploads,然后复制您的媒体文件。
执行此操作后,您可能仍会遇到与图像相关的错误,因为您的图像URL可能会指向旧站点。如果是这种情况,您将需要检查并更新您的图片URL,以便它们指向您的新网站,这可能是一个耗时的过程。
为避免该问题,我们建议使用Duplicator等插件在域或Web主机之间转移网站。您还可能受益于联系您的新主机寻求帮助,以确保您网站上的所有内容都正确转移。
15. 如何强制设置文章特色图片
如果您的网站有多个作者,您可能需要为每个人设置一个提醒,让他们在发布文章之前选择一张特色图片。为此,您需要向站点添加一些自定义代码。
在开始之前,我们建议备份您的站点并创建子主题。然后您可以在主题的functions.php文件的末尾添加以下代码:
古腾堡编辑器教程:如何使用WordPress多个按钮区块

您网站上的按钮在其外观和可用性方面发挥着重要作用。它们帮助访问者浏览不同的页面,并使他们能够轻松地执行重要操作(例如下载内容或订阅您的时事通讯)。拥有一种简单而有效的方法来插入和自定义此基本元素,这一点至关重要。幸运的是,WordPress多个按钮区块可以提供帮助。
在这篇文章中,我们将解释如何将WordPress多个按钮区块添加到文章和页面,以及如何使用它。我们将讨论它的每个设置和配置选项,并为您提供一些有效使用区块的最佳提示。然后我们将通过回答一些常见问题来结束这篇教程。
如何将多个按钮区块添加至文章或页面
要向WordPress内容添加按钮,首先导航到要插文章或页面编辑。接下来单击添加区块图标 (1),在文本字段中搜索“按钮”,然后选择多个按钮选项 (2):

您还可以通过在文本编辑器中键入“/buttons”并按键盘上的Enter键来添加按钮区块。插入区块后,您将可以访问一个新的工具栏菜单,我们将在下面讨论。
多个按钮区块设置和选项
每个WordPress区块都有自己的一组控件和配置选项。添加按钮时,有很多选项可用于链接、对齐和设置它们的样式。我们将从探索文本和链接设置开始。
文本和链接
当您第一次插入多个按钮区块时,将添加一个带有占位符内容的默认按钮:

当您单击文本字段时,您可以将文本更改为您希望按钮显示的任何内容。例如,您可以添加行动号召 (CTA),例如“了解更多”。
第二个工具栏选项是链接图标,您可以使用它来确定按钮将引导用户的位置:

您可以通过在文本字段中键入来搜索要链接到的内部页面。您还可以输入或复制/粘贴外部页面的 URL。然后您可以选择箭头图标或按Enter键插入链接。
请注意,您还可以切换在新标签页中打开选项。这将决定用户是被带到同一窗口中的新页面还是新选项卡中。
按钮格式
添加按钮文本并将其链接到正确的目标页面后,您就可以开始对其进行格式化和自定义。首先,您可以使用工具栏上的相应图标选择粗体或斜体按钮的文本:

如果单击向下箭头,您还会看到一些其他选项。例如,您可以更改文本颜色,并包括下标或上标文本。
样式、排版和颜色
自定义按钮的最后一步是选择其样式、排版和颜色。您可以使用区块侧边栏菜单中的控件来完成这一切:

您拥有的两个样式选项是填充Fill和轮廓Outline。Fill将使按钮成为纯色,而轮廓将提供带有可选彩色边框的透明按钮。您可以通过单击带有预览的图标进行选择,或从默认样式下拉菜单中选择所需的外观。
接下来,在排版部分下,您可以为按钮文本选择字体大小:

选项范围从超小到巨大。您还可以输入自定义尺寸。
在“颜色”面板中,您可以找到用于更改文本和按钮颜色的选项。对于两者,您可以从可用选项列表中进行选择或选择自定义阴影:

请注意,对于您的背景颜色,您可以选择纯色Solid或渐变色Gradient:

如果选择渐变色Gradient,则可以从各种混合过渡颜色中进行选择。您可以使用颜色滑块来确定每种颜色的流行程度以及渐变的方向。
有效使用多个按钮区块的提示和最佳实践
这里有很多的,你可以在你的WordPress网站使用的按键方式,但他们最常用的商品交易顾问。这些可以包括提示访问者的按钮:
- 阅读/了解更多
- 立即购买
- 下载
- 添加到购物车
- 现在预订
当您创建CTA或任何其他类型的重要按钮时,确保它在页面上突出很重要。否则,您的访问者可能会忽略它,并且您可能无法获得您想要的参与度或转化率。
因此,我们建议在将它们插入您的帖子和页面时利用 WordPress 的内置按钮样式选项。例如,将按钮背景颜色更改为与主题背景具有高对比度的阴影可以使其更易于区分。
此外,对按钮的放置具有战略意义也是明智之举。通常,将它们放在页面上访问者的视线自然会落下的某个位置是有意义的。例如,当您准备好将用户指向新页面时,您可以在博客文章的末尾添加一个按钮。
根据按钮的用途,将它们添加到侧边栏中也可能是有意义的,以便在用户浏览您的网站时它们始终可见。如果您正在创建联系人或订阅按钮,这是一个特别好的主意。
关于多个按钮区块的常见问题
到现在为止,您可能已经对多个按钮区块是什么以及如何使用它有了深入的了解。但是,为了确保我们已经涵盖了所有基本信息,让我们回顾一下有关此区块的一些最常见问题。
如何查找多个按钮区块?
您可以通过导航到要添加按钮的文章或页面(或小部件区域)来找到此区块。接下来,您可以搜索“/buttons”并按Enter 键,或单击“添加区块”图标并在文本字段中搜索“按钮”。
多个按钮区块在文章和页面中有什么作用?
按钮区块可以让你在视觉上独特的方式链接到的内部和外部网页。您可以插入一个按钮,将访问者指向您网站或第三方网站上的另一段内容,并对其进行自定义以使其完全符合您的喜好。
可以在哪里添加多个按钮区块?
您可以在任何文章和页面上添加按钮。更重要的是,您可以将它们插入到您可以访问区块编辑器的任何位置。例如,这意味着您通常可以在页脚或侧边栏中插入一个按钮(取决于您的主题选项)。
小结
按钮是有效网页设计的重要元素。他们引导您的访问者前往他们想去的地方,并帮助您提高参与度和转化率。因此,必须有一种在整个站点中快速无缝地插入和编辑它们的方法。
正如您现在所知,按钮区块可以使将这些元素添加到您的站点变得更加容易。插入区块后,您可以使用设置和控件来自定义其外观,并确定访问者单击它时将被发送到的位置。您甚至可以向可重用区块添加自定义按钮,以便您可以在整个站点中重复使用它。
古腾堡编辑器教程:如何使用WordPress空格区块

您在网站上组织和排列元素的方式会对网站的整体外观甚至用户体验 (UX) 产生重大影响。WordPress空格区块是一个简单的工具,可以帮助您更有效地做到这一点。顾名思义,它在区块之间创建空间,这可以使您的页面和文章更具吸引力且更易于阅读。
在本教程中,我们将解释如何将空间区块添加到您的WordPress文章或页面以及如何使用它。我们将探索区块的各种设置和选项,并提供一些有效使用它的最佳提示和最佳实践。然后我们将通过回答一些常见问题来结束。
如何将空格区块添加到文章或页面
如果您想为WordPress内容添加一些额外的空间,您可以先导航到任何文章或页面。接下来,单击编辑器中的“添加区块”按钮,该按钮由加号图标 (1) 标记。在那里您可以搜索“spacer”,然后选择第一个选项 (2):

或者,您可以通过在编辑器的文本字段中输入“/spacer”来将区块添加到文章或页面。打你的输入键,空间区块将自动添加。
插入区块后,您会注意到顶部有一个新工具栏。我们将在下一节探讨它提供的各种选项。
空格区块设置和选项
如果您熟悉使用WordPress区块,您可能已经知道每个区块都有自己的一组控件,可用于配置它。所述空格区块是没有什么不同。
在区块工具栏中,有三个主要选项:
- 转换按钮,它可以让你转换成区块一组或栏目
- 移动手柄(和/或拖动图标),使您能够在页面或文章上向上或向下移动区块
- 更多选项(三个垂直点),打开带有附加设置的菜单
您可以在此处找到这些按钮:

在更多选项菜单下,您可以复制或复制区块:

还有用于将空白区块添加至可重用块、作为HTML编辑等的设置。
WordPress区块编辑器的有用之处之一是它还允许您调整区块的大小。例如,如果要调整区块的高度,可以在右侧菜单中进行:

在“间隔设置”部分下,您将找到以像素为单位调整区块高度的选项。您可以使用滑块或在文本字段中手动输入所需的值。然后您可以查看高级部分以配置HTML锚点和其他CSS类。
有效使用空格区块的提示和最佳实践
空格区块是比较容易的WordPress区块使用的一个。它没有大量的设置或配置选项。
但是,在使用它时,您可能需要牢记一些提示。例如,请记住,有效利用空白(也称为“负空间”)可以在您的网页设计中大有帮助。它可以帮助使您的页面看起来更干净,从而更专业。因此,在您的内容看起来过于拥挤或难以阅读的区域中考虑使用空格区块是明智之举。
此外,我们还建议您仅在要向页面上的特定区域添加空白时才使用此区块,而不是在段落之间添加空格。对于后者,我们建议改用段落区块。
最后,为了确保页面的外观保持一致,您可能需要考虑为您使用的每个空格区块设置相同的高度。默认情况下,它设置为100像素,但您可以随意使用最适合您网站设计的任何内容。
关于空白区块的常见问题
在这一点上,您应该对这个WordPress区块以及如何使用它感到非常熟悉。但是,让我们回顾一些关于它的流行和常见问题,以确保我们已经涵盖了所有基础知识。
如何调用空格区块?
要在WordPress中找到这个区块,您有几个选择。第一步是导航到您想要将其添加到的文章或页面。接下来,单击“添加区块”按钮(或加号图标),然后在文本字段中搜索“空格”。或者,您可以直接在文本编辑器中键入“/spacer”,然后按Enter键。
空格区块在文章和页面中有什么作用?
正如它的名字一样,这个区块在你的WordPress页面和文章上的其他区块之间增加了空间。当您想在页面上创建更多空白或只是想扩大默认设置的区块之间的区域时,它可以是一个有效的工具。
可在任何地方添加空格区块吗?
您可以在WordPress站点上的任何位置使用空格区块,以授予您对区块编辑器的访问权限。当然,您最有可能使用它的地方是您的页面和文章。但是,您也可以在编辑WordPress工具时添加它。
小结
有很多方法可以组织您网站上的页面和文章,使其既实用又美观。如果您希望在页面上的区块之间创建更多空白,则空格区块是一个重要的工具。
正如我们所见,此区块是一种分离WordPress内容中元素的简单方法。您可以根据需要轻松地将其多次插入您的文章和页面,然后以像素为单位自定义其高度。
古腾堡编辑器教程:如何使用YouTube嵌入区块调用油管视频

制作YouTube视频需要很多时间。当您最终完成并且您的视频已上线时,您可能希望随时随地分享它,包括在您的网站上。或者,您可能想要将其他人的视频发布到您的WordPress网站。您可能正在对某人的作品进行评论,并希望展示您正在谈论的视频。或者,另一位创作者可能有一个视频,它很好地解释了一个过程,您宁愿展示该视频也不愿制作自己的视频。
无论您出于何种原因,古腾堡编辑器中的专用嵌入区块都可以让您将YouTube视频添加到WordPress文章或页面。该视频将带有导航按钮,因此访问者可以在您的网站上播放和观看内容,而无需重定向到YouTube。
注意:当访问者在您的网站上观看YouTube视频时,非个人数据将与YouTube共享。
在本文中,我们将向您介绍如何在WordPress文章或页面中嵌入YouTube视频或播放列表。我们还将介绍一些最佳实践、技巧和常见问题。
如何在WordPress中嵌入YouTube视频
首先,确保您在WordPress中使用Gutenberg区块编辑器而不是经典编辑器。在WordPress文章或页面中,单击加号。(如果您没有看到,请单击进入文章或页面的主体。)

在弹出框中,搜索“YouTube”,然后单击YouTube图标。这会将嵌入框添加到您的文章或页面。


在YouTube上,转到您要嵌入的视频。从地址栏中复制URL。

将其粘贴到嵌入框中,然后单击嵌入(Embed)。如果您愿意,可以在下方添加标题。在WordPress编辑器中,您将看到如下内容:

这是您的访客的样子:

如何在WordPress中嵌入YouTube播放列表
要嵌入YouTube播放列表,过程非常相似。转到YouTube上的播放列表,然后从地址栏中复制URL。转到WordPress并将该URL粘贴到YouTube嵌入框中。单击嵌入。
当您嵌入YouTube播放列表时,播放列表中的第一个视频将显示在您的WordPress文章或页面上。播放列表导航将位于右上角。当访问者单击汉堡图标时,他们将看到播放列表中所有视频的可滚动菜单,以便他们可以导航到他们想要的视频或查看接下来会发生什么。


YouTube嵌入区块设置
有几个不同的地方可以访问YouTube嵌入区块设置。
嵌入框上方的工具栏
当您单击嵌入框时,顶部会显示一个工具栏。从左到右,选项如下:
- 更改区块类型或样式:您可以将嵌入区块转换为段落、列或组。这里唯一要知道的是,如果您想更改嵌入区块的背景颜色,请选择组,这将为您提供一些颜色选项。
- 拖动:通过拖动重新定位区块。
- 上移/下移:将方块向上或向下移动一格。
- 更改对齐方式:设置左对齐、右对齐、居中、全幅或宽幅对齐。请注意,如果您的主题允许,您只能使用全幅或宽幅对齐。
- 编辑URL:用新的URL替换URL。
- 选项:还有另一个带有更多区块选项的菜单。
更多选项菜单

当您单击区块工具栏最右侧的三点图标时,菜单中会出现更多选项。以下是每个人的作用:
- 隐藏更多设置:隐藏(或显示)页面右侧区块的侧边栏。
- 复制:复制区块,然后将其粘贴到您想要的任何位置。
- 创建副本:复制将直接出现在其下方的区块。
- 在当前区块前插入:在YouTube嵌入区块上方添加一个新区块。
- 在当前区块后插入:在YouTube嵌入区块下添加一个新区块。
- 移动到:页面上会出现一条蓝线。使用键盘上的箭头将线移动到您想要的任何位置,然后按 Enter或Return将区块移动到该位置。
- 作为HTML编辑:更改区块的HTML代码。
- 添加至可重用区块:将当前区块添加到您的可重用区块列表中,这样可以轻松将该块添加到任何其他WordPress文章或页面。
- 组合:就像主工具栏中的组选项一样,这可以让您调整区块的背景颜色。
- 删除区块:从您的帖子或页面中删除嵌入区块。
侧边栏设置

在右侧边栏中,您会看到几个选项。媒体设置可让您控制当用户使用较小的设备(如智能手机)时如何查看嵌入的视频。最好打开此设置,以便在调整浏览器大小时保留纵横比,从而获得更好的观看体验。
还有一个高级选项卡,可让您将CSS添加到嵌入区块,这意味着您可以以更高级的方式对其进行自定义和样式化。
关于YouTube嵌入区块的最佳实践和技巧
快速贴入视频
有时,需要先添加YouTube嵌入区块,然后再将URL粘贴到其中。如果您正在使用页面或文章布局并且还没有准备好添加内容,或者如果您知道要添加视频但不确定选择哪个,这是一个好主意。但是,如果您现在准备添加特定视频,只需将URL粘贴到文章或页面中即可。它会自动添加正确的区块并为您嵌入视频。
选择视频的开始位置
如果您希望视频从特定部分而不是开头开始播放,您可以在复制URL时进行设置。不要转到地址栏,而是选择视频下方的“SHARE”按钮。

单击“Start at”左侧的框并设置您希望视频开始播放的时间。

现在您可以复制URL以添加到WordPress。
知道何时使用插件
虽然YouTube嵌入区块是在您的网站上获取视频或播放列表的最简单方法,但如果您有更高级的需求,您可能需要考虑使用第三方插件。例如,您无法轻松创建图库或插入带有嵌入区块的YouTube页面,因此您可能需要一个具有更多功能的插件。
关于YouTube视频嵌入区块的相关问题
我可以嵌入任何YouTube视频吗?
不是的。并非所有YouTube视频都可以嵌入。发布商必须允许嵌入视频设置。某些视频将受到限制且无法分享。
必须使用插件才能在WordPress上嵌入YouTube视频?
不!借助Gutenberg编辑器中的专用YouTube嵌入区块,您无需插件即可轻松嵌入YouTube视频和播放列表。
如果我不想使用古腾堡编辑器怎么办?
如果您更喜欢使用经典编辑器,您可以复制YouTube网址,然后将其粘贴到帖子或页面的正文中。这应该会自动将URL转换为嵌入的YouTube视频。但是,在嵌入Gutenberg时,您将无法使用相同的选项。
小结
视频为网站注入了活力,它们也非常适合参与。YouTube嵌入区块的最佳之处在于您无需安装插件即可在您的网站上获取您喜爱的视频。无论您是拥有专注于视频的网站,还是第一次尝试视频内容,使用内置嵌入选项都是一种无缝、快速的方式,让您的网站看起来如您所愿。如果您将来需要更努力地制作视频,您可以随时尝试使用插件。我们甚至为WordPress收集了我们最喜欢的9个视频库插件,所以来看看吧。
古腾堡编辑器教程:如何使用WordPress文件区块

WordPress文件区块可以轻松地为您的页面和文章中的文件添加下载链接。这是最独特的WordPress区块之一,因为它根据所选文件的类型添加了不同的选项。知道如何很好地使用这个区块可以引起人们对下载的注意。
在本教程中,我们将查看文件区块并了解如何将其添加到您的文章和页面。我们还将查看它的设置和选项,查看使用它的提示和最佳实践,并查看常见问题。
如何将文件区块添加到文章或页面

要添加文件区块,首先,单击要放置区块的位置或编辑器左上角的区块插入器工具。接下来,搜索“文件”并选择它。

您还可以按类型 /file 添加块,然后在您希望块出现的位置按 Enter 键,或从您键入时出现的选项中选择文件。

然后文件区块将被添加到您的内容区域。

要使用它,只需选择上传文件或选择媒体库来选择文件。PDF将显示文件的预览。PDF的工具会因浏览器而异。我正在Chrome中查看 PDF,其中包括用于显示或隐藏PDF菜单、查看标题、页码、比例、适合页面、旋转、下载、打印和查看PDF查看选项的PDF工具。

其他文件,例如图像,将显示文件名和下载按钮。
文件区块设置和选项

文件区块包括块本身和右侧边栏中的设置和选项。
文件区块工具栏

当您选择区块时,文件区块工具栏位于块上方。

选择文件中的文本,例如按钮的文件名,为文本添加新设置。
更改区块类型或样式

您可以将区块样式更改为栏目或组合。栏目更改列数,而组合允许您将多个区块的样式控制为单个区块。
拖动和移动

拖动工具可让您将区块拖动到您想要的任何位置。您还可以使用移动工具的向上和向下箭头在您的内容中向上或向下移动区块。
文件更改对齐

对齐选项包括左、右、宽幅和全幅。将其左右放置在屏幕的那一侧,并用其下方段落中的文本将其包裹起来。

这是宽幅。它将区块放置在内容区域的左侧。
粗体和斜体

选择文件名或下载按钮会显示粗体和斜体选项。这些会影响您突出显示的文本,它们可以一起使用或单独使用。我将文件名设为粗体,按钮文本设为斜体。
更多选择

更多选项可打开用于设置文本样式的选项。我在示例中添加了其中的几个。它们包括:
- 内联代码– 将文本样式设置为看起来像代码。
- 内嵌图像– 将媒体库中的图像添加到鼠标光标所在的位置。我在按钮上添加了一个图像。
- 键盘输入– 使用键盘 HTML 格式设置文本样式。
- 删除线– 在文本中放置一行,如上图中的文件标题。
- 下标– 使文本成为下标。
- 上标– 使文本上标。
- 文本颜色– 允许您更改文本的颜色,如上面的文件标题。图标在使用时移动到工具栏。

对于颜色选项,包括预先选择的颜色或创建自定义颜色选择器。颜色选择器包括一个用于十六进制代码、RGB代码或HSL代码的字段。
文件替换

此选项可让您将文件与库中的另一个文件或您上传的文件交换。
复制网址

这会将文件的URL复制到剪贴板。您会在左下角看到一条消息,表明URL已被复制。
选项

选项包括:
- 隐藏更多设置– 隐藏侧边栏。
- 复制– 复制文件区块,以便您可以将其粘贴到您的内容中。
- 新建副本– 在原始文件下放置文件区块的副本。
- 在区块前插入– 在文件区块之前放置一个空格,您可以在其中添加区块。
- 在区块后插入– 在文件区块之后放置一个空格,您可以在其中添加区块。
- 移动到– 放置一条蓝线,让您控制将文件区块移动到的位置。
- 作为HTML编辑 – 打开区块的代码编辑器版本,您可以在其中编辑HTML。
- 添加至可重用区块– 将文件区块添加至可重用区块中。
- 组合– 将区块添加到可以一起调整的组中。
- 删除块– 删除文件区块。
文件区块大小调整工具

如果文件是PDF,您将在PDF预览下看到一个调整大小工具。抓住此工具并将其向上或向下拖动以调整预览区域的高度。
文件区块侧边栏设置

侧边栏设置包括文本链接、下载按钮设置和高级。通过单击右上角的齿轮打开或关闭侧边栏。单击块会将侧栏更改为“文件区块”选项。

如果文件是PDF,则将添加一组新的PDF选项。
PDF设置

显示内联嵌入允许您启用或禁用PDF预览。它默认启用。禁用它只会显示标题和下载按钮。此示例显示它已禁用。

以像素为单位的高度提供了一个滑块和一个字段,您可以在其中调整PDF预览的高度。使其小于其实际大小会在侧面添加滚动条。
文本链接设置

文本链接设置让您选择文件名链接的工作方式。您可以将其链接到媒体文件或文件的附件页面。您也可以在同一选项卡或新选项卡中打开它。
文件下载按钮设置

此选项可让您隐藏或显示下载按钮。如果您使用文件名作为下载链接,这将非常有用。
高级

高级设置包括HTML锚点和附加CSS类。锚点会创建一个唯一的URL,因此您可以直接链接到该区块。CSS类字段允许您添加自定义CSS类以设置文件区块的样式。
文件组合颜色设置

如果您已将文件区块转换为组合,那么您将看到文本、背景和链接颜色的设置。您仍然可以通过选择区块来访问常规设置。
有效使用文件区块的提示和最佳实践
为显示的标题链接命名,以便通过选择文本并键入新标题使链接对用户有意义。
标记按钮,以便用户知道会发生什么。如果不需要,请禁用该按钮。
设置按钮和标题文本的样式,使下载与其余内容区分开来。请务必使用易于阅读且与背景形成鲜明对比的颜色。
如果要设置背景样式,请将区块转换为组合。
调整PDF预览的大小以使其适合内容的设计区域。如果您想隐藏内容或第一页在您的内容中看起来不太好,请禁用PDF预览。
关于文件区块的常见问题
文件区块的目的是什么?
提供下载按钮,以便访问者可以下载文件。
使用文件区块有什么好处?
它允许您提供可以设置样式和控制的链接和按钮。将链接粘贴到下载会将链接转换为嵌入区块,它可以以您想要的方式显示片段或预览。
可以用于什么类型的文件?
它可用于可下载的任何类型的文件,包括PDF、音频、视频、图像、文档、插件、子主题等。
是否支持所有文件类型?
不能。它不能上传WordPress不支持的压缩文件或其他扩展。
可以下载多个文件吗?
不能。每个文件区块一次只能连接一个文件。
你能更新可下载的文件吗?
是的。选择替换选项以选择新文件。您可以将其命名为与原始文件相同的名称。
文件区块可以转换成另一个区块吗?
是的。它也可以变成栏目或组合。
小结
这就是我们对WordPress文件区块的看法。这是一个简单的区块,可让您提供多种文件类型并包含链接的文本和按钮选项。两者都可以独立设计。如果文件是PDF并且它是可调整的,我喜欢它添加预览。此块非常适合从您的网站提供可下载文件的链接。
古腾堡编辑器教程:如何使用WordPress视频区块

WordPress视频区块使您可以轻松地将视频上传和添加到您的页面和文章。它为您提供了大量控制大小和功能的选项。使用此区块添加视频使内容看起来更专业和可取。幸运的是,视频区块易于使用。
在本教程中,我们将探索视频区块。我们还将看到它的设置和选项,查看有关如何使用它的一些提示和最佳实践,以及常见问题。
如何将视频区块添加至文章或页面

要将视频区块添加到您的内容中,首先,将光标放在您希望区块出现的位置,然后选择插入器工具。接下来,将打开一个搜索框,您可以在其中搜索区块或滚动查看选项。搜索视频并在结果中显示时选择它。

如果您愿意,可以在要放置区块的位置键入/video并按 Enter 键或从选项中选择它。

视频区块将放置在内容区域内。插入媒体的工作方式与图片区块相同。上传视频、从库中选择视频或插入要显示的视频的URL。如果URL来自YouTube等来源,则该区块将转换为该类型的区块。在您上传视频之前,选项很少。

视频播放器包括所有基本播放选项,包括播放/暂停按钮、进度条、音频、全屏以及下载和画中画按钮。画中画将视频放置在右下角,以便在用户滚动浏览网站时可以播放。您可以在视频下方放置标题。
视频区块设置和选项

选项和设置包括工具栏和侧边栏。在上传视频之前,您不会看到所有这些设置。
视频区块工具栏

单击视频区块内的任意位置以查看工具。在您在此区块下添加区块区域之前,某些工具可能不会显示。让我们详细看看每个设置。
视频更改区块或样式

选择视频播放图标会打开一个下拉框,您可以在其中将区块转换为其他类型的区块。此示例显示封面。
- 组合– 这会将区块添加到组中,以便您可以将它们作为单个区块进行调整。
- 栏目– 这会将区块放置在列中。
- 媒体和文本– 这会在媒体旁边添加文本,创建两列。
- 封面– 这会在视频上放置一个标题。您可以将标题从段落区块更改为其他类型的文本区块或按钮。
- 文件– 这会将视频更改为带有标题的按钮,允许用户下载视频而不是从网站播放。
视频区块拖动工具

用鼠标抓住拖动工具将其移动到内容中的任何位置。将出现一条蓝线,指示在您四处拖动区块时将放置该区块的位置。

然后视频区块将被放置在其新位置。
视频区块移动

使用向上和向下箭头将视频区块移动一个内容部分。
视频区块对齐方式

对齐选项包括左、中、右、宽幅和全幅。左右对齐将下一个区块中的文本环绕在视频周围。我已将此示例设置为右对齐。

这是宽幅。它占据了大部分屏幕。
视频区块文本轨道

文本轨道在视频播放时显示字幕。它们的格式为WebVTT(Web视频文本轨道).vtt文件。文件从媒体库加载。

上传 .vtt 文件后,您将看到编辑曲目的选项。添加标签,选择语言,然后选择曲目类型。
标签是用户在查看可用轨道时将看到的文本轨道的标题。
源语言是文本轨道的语言。
种类是指将显示的轨道类型。选项包括:
- 字幕– 对话的翻译。
- 说明文字– 对话、音效、音乐等的转录。
- 内容描述– 描述正在发生的事情的文本。
- 章节– 用于导航的章节标题。
- 元数据– 供JavaScript使用的数据。

然后将字幕添加到用户可以选择的播放器选项中。
视频区块替换

这使您可以用不同的视频替换视频。
视频区块选项

选项包括隐藏更多设置、复制、复制、在之前或之后插入、移动到、作为HTML编辑、添加至可重用区块、组合和删除区块。
以下是选项的作用:
- 隐藏更多设置– 这会隐藏右侧边栏,消除干扰并扩展您的工作空间。
- 复制– 这会将视频区块复制到剪贴板,以便您可以将其粘贴到内容中的任何位置。
- 创建副本– 这会在原始区块下添加区块的副本。
- 在区块前插入– 这会在此区块上方添加一个区块区域,以便您可以放置另一个区块。
- 在区块后插入– 这会在此区块下方添加一个区块区域,您可以在其中放置另一个区块。
- 移动至– 这使您可以向上或向下移动区块。它是通过使用箭头键在您想要区块的位置放置一条蓝线并按Enter来移动的。
- 作为HTML编辑 – 这仅显示此区块的HTML,其他区块保持正常。
- 添加至可重用区块– 将区块添加到您的可重用区块中,以便您可以在其他页面或文章上重用它。
- 组合– 这会将区块添加到组中,以便您可以将所有区块作为一个单元进行调整。
- 删除区块– 这将删除区块。
视频区块字幕选项

标题也有一组选项。单击标题区域内的任意位置会打开一个带有粗体、斜体和链接选项的小工具栏。它还包括格式化选项。选项包括:
- 内联代码
- 内嵌图片
- 键盘输入
- 删除线
- 下标
- 上标
- 文字颜色
每个都会影响您突出显示的文本。
视频区块设置

视频区块的设置包括视频和高级。让我们看看两者。
视频设置

视频设置可让您控制播放器的工作方式。选项包括:
- 自动播放– 当页面加载时自动播放视频。
- 循环– 连续循环播放视频。
- 静音– 使音频静音。
- 回放控制– 隐藏或显示播放器控件。当控件隐藏时,用户将无法控制视频。必须启用自动播放。
- 内联播放 – 在元素的播放区域内播放视频。
- 预加载– 设置加载页面时下载的视频量。选择自动(整个视频)、元数据(仅基本信息)或无(不自动下载任何内容)。
- 海报图像– 可让您用特色图像替换视频第一帧的屏幕截图。除非您停用它们,否则它仍会显示播放器控件。我在上面的例子中添加了一个新图像。
高级

高级视频设置包括HTML锚点和其他CSS类。
- HTML锚点– 允许您指定用作此特定区块的自定义URL的文本。
- 附加CSS类– 提供一个字段来添加要用于此区块的任何CSS类。
有效使用视频区块的提示和最佳实践
如果您要嵌入来自YouTube或Vimeo等来源的视频,请使用它们的区块而不是视频区块。
压缩视频并减少其大小和加载时间。
使用在线字幕生成器或类似应用程序创建 .vtt 轨道。
如果您想提高页面速度,请将预加载设置为无。自动下载的数量会影响您的页面加载速度。
使用左右宽度选项在视频周围放置文本,使其在视觉上看起来很有趣。使用宽和全宽选项来强调视频。
不要使用视频图像的第一帧,而是创建您想要点击的特色图像。
关于视频区块的常见问题
这个区块的目的是什么?
此区块使您可以轻松地在您的网站上托管视频,并让您控制播放器的工作方式。
视频区块和视频嵌入区块有什么区别?
来自YouTube和Vimeo等来源的嵌入视频无法让您控制播放器的功能。
使用此区块的最佳方法是什么?
使用循环自动播放并删除产品演示和简短教程剪辑的播放器控件。对于较长的视频,请禁用自动播放并保持启用控件。
小结
这就是我们对WordPress视频区块的看法。我喜欢它提供的控制水平。左右对齐特别适合周围的内容,宽宽度是吸引人们注意视频的好方法。添加海报图片可以吸引用户的注意力。此区块是产品演示、教程、音乐等的绝佳选择。
古腾堡编辑器教程:如何使用WordPress分隔符区块

您在网站上安排和显示内容的方式会显着影响您的参与度和转化率。为了增强用户体验 (UX)并使您的页面和文章更易于使用,拆分大块文本是一个明智的主意。有多种方法可以做到这一点,但最简单的选择是使用WordPress分隔符区块。
在这篇文章中,我们将向您介绍如何将分隔符区块添加到您的WordPress文章或页面。我们将解释它提供的每个设置和选项,为您提供有效使用它的技巧,并回答一些常见问题。
如何将分隔符区块添加至文章或页面
在您的内容中添加任何WordPress区块是一个快速而简单的过程。首先,导航到要插入分隔符的页面或文章。
单击添加区块按钮 (1),然后在文本字段 (2) 中搜索“分隔符”。这将是第一个选项 (3):

您还可以通过在任何段落块的编辑器中键入“/separator”来插入此区块。当您按Enter键时,将自动插入区块。
分隔符区块设置和选项
每个WordPress区块都有其各自的设置和控件。例如,分隔符区块提供了几种直接在编辑器中配置它的方法。
将区块插入文章后,将出现一个工具栏菜单:

让我们来看看每个选项的含义:
- 转换允许您将区块转换为组合或栏目。
- 对齐方式可用于将线的对齐方式更改为左对齐、居中对齐或左对齐。
- 更多选项提供了一些额外的设置。
在更多选项菜单下,您可以复制块并在其前后插入另一个元素。
在屏幕的右侧,您可以找到其他块设置。例如,在样式部分下,您可以选择默认样式或创建粗线或虚线:

您还可以在下拉菜单中设置默认样式。
在颜色部分下,您可以更改分隔线的颜色:

您可以从调色板中包含的一种预设颜色中进行选择。但是,如果您想应用自定义颜色,您也可以单击自定义颜色链接。
如果您想添加自己的CSS,可以通过单击“高级”选项卡来实现。然后您可以在文本字段中输入您喜欢的任何内容。
有效使用分隔符区块的提示和最佳实践
分隔符区块是一个相对简单的和直接的WordPress的功能。一旦您弄清楚如何将其插入文章中,您就应该能够轻松使用和自定义它。
但是,我们确实有一些建议,您可能需要考虑更有效地使用此元素。例如,记住谨慎使用分隔符很重要。
如果您有一篇冗长的博客文章,最佳做法是最多每隔几段添加一行。过于频繁地使用它们可能会分散注意力,而不是无缝分解文本的一种方式。
此外,如果您计划在您的站点中经常使用分隔符并希望保持统一的样式,您可能需要将分隔符添加到您的可重用区块中。这样,您就不必经常应用所需的样式和颜色。相反,您可以简单地从保存的集合中插入它。
关于分隔符区块的常见问题
到目前为止,您应该对WordPress分隔符区块以及如何使用它有一个深入的了解。但是,让我们回顾一下有关此区块的一些最常见问题,以确保我们已涵盖所有基本信息。
如何调用WordPress分隔符区块?
您可以通过导航到任何文章或页面在WordPress中找到此区块。接下来,在要添加线条的文本区块之间单击,然后选择加号图标。
在搜索字段中,输入“分隔符”,然后单击第一个选项。或者,您可以通过在段落块中键入“/separator”,然后按 Enter键来找到它。
分隔区块和空格区块有什么区别?
如果您是块编辑器的新手,您可能想知道分隔符区块和空格区块之间有什么区别。这两个功能都可用于在内容区块之间添加空间。
但是,空格区块只是添加了白色或负空间。分隔符区块,则主要是增加了一个可见的线。
在哪里使用WordPress分隔符区块?
您可以在WordPress中可以访问区块编辑器的任何位置插入此元素。因此,您可以在页面和文章中使用它,也可以在编辑WordPress小工具时使用它。
小结
为了让您的网站内容和博客文章美观且易于使用,最好将大块文本分解为更小、更易消化的文本。有几种不同的方法可以解决这个问题。但是,最简单的选择之一是使用分隔符区块。
这个WordPress区块将在内容区块之间添加一条极简线条。它还提供各种样式和颜色选项,让您可以将其与当前的主题和品牌无缝集成。您可以将其插入到您的任何WordPress文章和页面中,以使您的内容看起来更好、更易于阅读。
古腾堡编辑器教程:如何使用WordPress更多区块

保持网站页面上的内容简洁和有条理很重要,尤其是在您的主页上。幸运的是,WordPress更多区块可让您向访问者展示您的帖子以及全文链接。知道如何正确使用它可以帮助您获得更干净、更有效的WordPress页面。
在这篇文章中,我们将解释如何将此区块添加到您的WordPress文章中。然后我们将讨论它的每个设置和选项、有效使用它的技巧和最佳实践,以及一些常见问题。
如何在WordPress文章中添加更多区块
向您的WordPress内容添加区块既快速又简单。首先,导航到要插入更多区块的文章。请注意,您只能将此元素添加到您的文章中。不幸的是,它不适用于您的WordPress页面。
此外,请务必注意,您需要在希望读者看到的摘要文本之后插入此区块。例如,也许您想在第一段之后切断文章。如果是这种情况,您可以在第一段和第二段之间插入此区块。
为此,请单击“添加区块”图标 (1),在搜索字段 (2) 中键入“更多”,然后选择第一个选项 (3):

或者,您可以直接在WordPress编辑器的段落区块中输入“/more” 。然后按 Enter,块将自动插入到文章中。
您可能已经知道每个WordPress区块都有自己独特的一组控件和设置。
更多区块设置和选项
将此区块插入文章后,顶部会出现一个工具栏。它只有两个图标。第一个是更改区块类型或样式:

此选项可让您更改去块的样式。您可以使用它来创建栏目或组。
第二个图标通向区块的选项:

在这里,您会发现可以采取的各种其他操作。例如,您可以复制该区块,在其前后插入另一个元素,或者将其添加到您的可重用区块中。
您还可以编辑默认文本。为此,您可以单击文本,然后将其更改为您想要的任何内容:

右侧边栏中还有一个附加设置。如果它不可见,您可以通过单击右上角的齿轮图标访问此设置面板。然后选择区块选项卡。

有一个选项可以隐藏完整内容页面上的摘要。如果您打开此开关,您的访问者在单击“阅读更多”后将无法看到摘要。
有效使用更多区块的提示和最佳实践
既然您了解了此区块及其各种设置的工作原理,您可能想知道如何使用它。有几个因素可以帮助您有效地利用它。
首先,请记住您可以更改显示的文本。默认情况下,该区块使用“阅读更多”作为链接文本。但是,您可以根据需要对其进行编辑,以匹配您网站的风格和基调。一些例子包括:
- 继续
- 阅读全文
- 下一页
此外,我们建议您对您选择包含在“阅读更多”链接上方的摘要保持战略性。由于您无法展示全文,因此确保您提取或撰写引人入胜的内容非常重要,以吸引访问者的注意力。这样做可以极大地激励读者实际点击链接,从而提高您的参与度和转化率。
更多区块功能的目的是提供一种简单而有效的方式来截断您的博客条目。但是,此元素可用于多种情况。许多WordPress用户将其严格应用于博客存档页面或主页。
但是,还有一些其他情况可以派上用场。例如,如果您有一个FAQ页面,这个块可以让您轻松地为每个问题添加一个简洁的答案,以及一个指向详细解释的链接。
更多区块的常见问题解答
在这一点上,您应该几乎了解有关此 WordPress 元素的所有信息,包括它是什么以及如何使用它。在我们开始之前,让我们通过回答有关此块的一些最常见问题来回顾一下关键信息。
在哪里找到更多区块?
您可以通过导航到您网站上的任何文章来找到此区块。然后,在您希望显示“阅读更多”链接的摘要段落之后,单击加号图标(“添加区块”按钮)。您可以在文本字段中搜索区块。
或者,您可以通过在段落块中键入“/more”来找到它。然后按 Enter自动将此元素插入文章中。
这个区块有什么作用?
简而言之,此元素为您提供了一种简单易用的方式来呈现文章的预览或摘要,而实际上不必包含全文。相反,您可以在内容预告之后插入区块以及“阅读更多”链接。您还可以自定义链接文本以说出您想要的任何内容,例如“阅读全文”。
应该在哪里添加这个去块?
您可以将此区块添加到您的任何WordPress文章中。不幸的是,您目前无法将其插入您的页面。同样重要的是要提到某些主题可能不支持此元素。如果您无法找到它,您可以尝试切换到默认主题以查看您当前的主题是否有问题。
小结
创建主页和存档页面时,您可能希望包含指向许多不同文章的链接。然而,为了吸引访问者实际点击并阅读完整的文章,插入每篇文章的简短摘录以吸引他们的注意力是有帮助的。
正如我们在这篇文章中所讨论的,“更多”区块是一项有用的功能,您可以使用它为用户提供全文文章的预览。您可以将其添加到任何WordPress文章中,并根据需要自定义默认文本。
古腾堡编辑器教程:如何使用WordPress媒体和文本区块教程

WordPress使您能够分别添加段落区块和图片区块。但是,借助媒体和文本区块,您也可以并排放置两种类型的元素。如果您知道如何导航其设置,它甚至包括多种布局供您选择。
在本教程中,我们将向您展示如何将这个媒体和文本多功能区块添加到文章和页面。我们将介绍配置选项,并讨论充分利用此元素的提示和技巧。
如何将媒体和文本区块添加到文章或页面
在媒体和文本区块,您可以添加书面内容,视频和图像文件通过使用多个布局并排。要使用它,请打开您要编辑的文章或页面。单击加号并选择媒体和文本 选项:

默认情况下, 媒体和文本区块将使用将图像或视频文件放在左侧并将写入的内容放在右侧的布局。您可以单击“上传” 或“媒体库” 选项来选择文件:

放置图像或视频文件后,您可以移动到区块的内容… 一侧并开始编写。以下是添加一些内容后的外观示例:

请注意,区块的每个部分都有单独的格式菜单。默认情况下,WordPress会在您的媒体文件旁边放置一个段落元素。但是,您可以将其替换为其他基于文本的元素:

在多种类型的书写元素之间进行选择的能力使媒体和文本区块成为一个令人难以置信的多功能选项。在下一节中,我们将向您展示如何配置其设置。
媒体和文本区块设置和选项
使用媒体和文本区块时,您可以使用两组配置选项。一个是格式化工具栏,为您使用的每个区块提供自定义选项。第二个是设置菜单,具有更全面的样式调整。让我们从格式工具栏开始。
工具栏设置
如果您将鼠标悬停在媒体和文本区块的图像或视频部分上,您将看到一个格式菜单,其中包含以下选项:
- 将区块转换为另一种类型的元素
- 通过从两个选项中进行选择来更改区块的布局
- 在区块内添加指向媒体文件的链接
- 用不同的选项替换媒体文件
这是一个快速备忘单,显示了每个选项在格式工具栏中的位置:

如您所见, 媒体和文本区块使您可以在多个布局选项之间进行选择。每种情况下的主要区别在于视频或图像的位置:

与图片区块不同,媒体和文本元素的格式工具栏不包括用于编辑图像的选项。但是,我们将在一分钟内向您展示如何进一步调整您的图片。
现在,让我们转向媒体和文本区块的写入部分。默认情况下,它将使用段落元素,但您可以将其更改为区块编辑器支持的任何其他基于文本的选项。
您选择的基于文本的区块将更改您将鼠标悬停在其上时出现的格式选项。在这里您可以看到与段落区块相对应的设置:

如果您想详细了解每种文本元素的不同格式选项,我们建议您查看我们的WP教程。我们有最重要的区块编辑器元素的完整指南,向您展示如何添加和配置单个区块。
其他选项
接下来,在选择媒体和文本区块的同时单击编辑主菜单右上角的齿轮图标。在那里,您可以访问带有其他配置选项的侧边栏:

让我们来看看每个设置所涵盖的内容:
- 样式:这使您可以为区块添加边框。请记住,边界的格式将取决于您的主题设置。
- 颜色:这使您可以更改区块及其背景中的文本和链接颜色。
- 媒体和文本设置:您可以在图像文件中添加替代文本并在此处调整其大小。此部分还包括用于为移动显示调整区块和裁剪图像的选项。
以下是区块的颜色选项的快速浏览:

继续,如果您在“媒体和文本”设置 选项卡中启用“在移动设备上堆叠显示” 选项,当访问者从移动设备查看您的网站时,它会折叠区块。这是它的外观:

这涵盖了您需要了解的有关更改媒体和文本区块的格式和设置的所有信息。现在是时候讨论这个元素的实际应用了。
有效使用媒体和文本区块的技巧和最佳实践
在媒体和文本区块是直接使用,并且可以完美集成到大多数文章和页面。本质上,您正在处理两个分组区块和两个布局选择。
您可以使用列复制区块的外观和样式以并排添加图像和段落区块。但是,当存在媒体和文本功能时,几乎没有理由选择这种方法。
由于这是一个如此简单的区块,我们唯一的建议是格式化元素的写入部分以与您选择的媒体文件完美匹配。例如,您可能不想在单个单词的段落或小列表旁边放一张大照片。您会希望这两个元素看起来平衡。请记住,您可以在区块内调整图像大小。
最后,请记住,您使用媒体和文本区块添加的任何图像仍可用于搜索引擎优化 (SEO) 目的。这意味着您仍然应该考虑遵循基本的图像搜索引擎优化指南。
关于媒体和文本区块的常见问题
尽管使用媒体和文本区块相对简单,但您可能仍然对这个特定元素有一些疑问。考虑到这一点,让我们回顾一下有关此功能的一些最常见问题。
什么时候应该使用媒体和文本区块?
在媒体和文本区块可以展示旁边写内容的图像或视频的最佳方式。请记住,区块编辑器允许您在多种类型的基于文本的元素之间进行选择。
可以将这个区块的媒体和文本部分分开吗?
您可以将媒体和文本区块转换为栏目。这样做会将两个元素分成单独的区块,但保留原始布局。
可以更改媒体和文本区块的字体设置吗?
在媒体和文本区块您不可以更改字体设置。但是,您可以更改文本和任何包含的超链接的颜色。如果要访问更高级的字体相关配置,则需要将区块转换为栏目。
小结
在媒体和文本区块可能成为WordPress的您最常用的元素之一。图像和文本完美地搭配在一起,此区块使您可以将它们并排放置,并采用适合任何主题和页面的简单布局。
使用此 功能时,请记住您不必坚持使用简单的段落。默认情况下,该区块会在您的图像或视频文件旁边添加一个段落元素。但是,您可以将其替换为区块编辑器库中的其他基于文本的选项(例如列表或标题)。
古腾堡编辑器教程:如何使用WordPress组区块

使用区块编辑器将单个元素添加到您的文章或页面很简单。但是,如果您打算在整个网站中使用类似的区块,则将它们放在一起并将它们保存为模板是有意义的。一旦你掌握了组区块,这样做就变得简单了。
在这篇文章中,我们将谈论哪些组区块原理,以及如何将它添加到您的文章和网页。我们还将向您展示如何配置其设置,并讨论有关分组元素的一些提示和最佳实践。
如何将组区块添加至文章或页面
添加此区块很简单,但需要的过程与您将用于其他区块的过程不同。首先,打开您要处理的文章或页面,选择添加新区块,然后选择“组” 选项:

放置此区块时,将出现一个新部分,包括添加多个元素的选项。请注意,现在有两个用于添加区块的按钮。如果您使用第一个,您将在集合中添加一个项目。第二个按钮将在组区块之后 添加新模块:

您可以在组区块中插入多个任何类型的元素。在我们的示例中,我们添加了三个表块。乍一看,可能不清楚该组中包含哪些元素。为避免混淆,您可以单击块编辑器主菜单中的列表视图 按钮:

这是将组区块添加到文章和页面的第一种方法。另一种方法是在组中添加您想要的所有区块,然后在编辑器中选择它们。如果您选择多个元素,块编辑器将为您提供链接它们的选项:

一旦您的块准备就绪,请记住您可以将特定分组保存为模板或可重复使用的区块。我们将在下一节中向您展示如何做到这一点。
组区块设置和选项
由于组区块可以包含多个不同的元素,因此您可能会看到多个格式菜单。本节将向您展示如何使用此区块的可自定义选项和常规设置。
工具栏设置
如果将多个表格放在一起,则可以选择每个表格区块并访问其格式设置和选项:

如果您选择整个组区块,您可以查看不同的、更直接的格式菜单。以下是它包含的选项:
- 将区块转换为栏目
- 使用拖放功能移动区块,或向上或向下移动元素的位置
- 修改区块的宽度
- 其他选项,包括分解集合或将其保存为可重复使用的区块
让我们看看在组区块的格式菜单中在哪里可以找到每个设置 :

这里的大多数选项都相对简单。您可能会花更多时间调整集合中各个区块的格式。这里的两个突出设置是将组区块保存为可重用元素 (1) 或将其分解 (2) 的选项:

如果您选择取消组,则块将分成单独的元素。将添加到可重复使用的区块选项将让您保存独特的分组和它的设置,这样你就可以在其他的文章或网页重用它:

保存块后,当您向任何文章或页面添加新元素时,它会显示在“可重用” 选项卡下:

您可以将可重复使用的区块添加到WordPress中的任何页面或文章。但是,您可能需要更改元素的一些样式设置以使其适合。
其他选项
每个WordPress区块都带有各种设置,您可以通过单击区块编辑器主菜单右上角的齿轮图标来访问这些设置。
组区块是改变你的设定(1)风格的街区,提供设置,修改它的颜色(2),和边框与内部元件(3)之间添加填充物:

组区块,您可以两种风格之间进行选择:有边框或者无边框。如果您选择“边框” 选项,它将在内部组件周围添加一个边框。但是,设置菜单不允许您更改边缘的样式或颜色:

继续,您可以为文本、背景和区块内的链接设置新颜色。但是,请记住,每个内部元素的单独设置将覆盖这些全局选项:

然后,您可以单击“间距” 选项卡来更改区块边框与其内部元素之间的填充。为此,您需要以像素为单位指定距离:

一旦您对区块的配置和样式感到满意,您就可以转到该文章或页面中的其他元素。
有效使用组区块的提示和最佳实践
您可以使用组区块来链接您想要的任何元素。但是,我们建议您仅在有令人信服的理由时才将项目分组。使用此 块的一些重要原因包括:
- 自定义一组具有相似设置的区块。
- 在文章或页面布局中移动选定的区块,同时将它们保持在一起
- 保存一组区块以便稍后在另一个文章或页面上重用它们。
如果您改变了将一组区块链接在一起的想法,请记住,您始终可以将它们分开,并且不会影响它们的单独设置。一旦您熟悉了区块编辑器,您就可以创建华丽而复杂的元素,您可以在整个网站中重复使用这些元素。
关于组区块的常见问题
到目前为止,您几乎了解了有关WordPress组区块的所有信息。最后,我们汇总了有关此元素的最常见问题的集合,以确保您不会遗漏任何关键细节。
我可以将任何WordPress区块组合在一起吗?
使用组区块,您可以链接任何WordPress的区块。因此,您可以使用它来组合包含多个元素的复杂设计。
我可以编辑组内的单个区块吗?
区块编辑器使您可以访问包含您正在处理的整个组区块的“全局”选项 。此外,您仍然可以访问集合中每个元素的格式设置和样式设置。
组区块与可重用元素相同吗?
您可以将大多数块保存为区块编辑器中的可重用元素。但是,组区块使您能够将整组区块组件保存为单个可重复使用的项目。
小结
组区块的WordPress的区块编辑器中最有趣的功能之一。它使您可以将它们链接在一起并同时自定义它们,而不是单独处理区块。
您可以将组区块保存为可重复使用的元素,您可以将这些元素添加到整个站点中,如果要使用单个组件,则可以拆分等等。考虑到WordPress区块编辑器使您能够对任何类型和数量的区块进行分组,因此您几乎无法使用此功能。
