古腾堡编辑器教程:如何使用WordPress媒体和文本区块教程

WordPress使您能够分别添加段落区块和图片区块。但是,借助媒体和文本区块,您也可以并排放置两种类型的元素。如果您知道如何导航其设置,它甚至包括多种布局供您选择。在本教程中,我们将向您展示如何将这个媒体和文本多功能区块添加到文章和页面。我们将介绍配置选项,并讨论

media-text-block-wordpress.pngo_

WordPress使您能够分别添加段落区块和图片区块。但是,借助媒体和文本区块,您也可以并排放置两种类型的元素。如果您知道如何导航其设置,它甚至包括多种布局供您选择。

在本教程中,我们将向您展示如何将这个媒体和文本多功能区块添加到文章和页面。我们将介绍配置选项,并讨论充分利用此元素的提示和技巧。

在媒体和文本区块,您可以添加书面内容,视频和图像文件通过使用多个布局并排。要使用它,请打开您要编辑的文章或页面。单击加号并选择媒体和文本?选项:

add-media-text-block.pngo_

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

media-text-block.pngo_

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

media-text-block-example.pngo_

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

changing-content-text-block.pngo_

在多种类型的书写元素之间进行选择的能力使媒体和文本区块成为一个令人难以置信的多功能选项。在下一节中,我们将向您展示如何配置其设置。

使用媒体和文本区块时,您可以使用两组配置选项。一个是格式化工具栏,为您使用的每个区块提供自定义选项。第二个是设置菜单,具有更全面的样式调整。让我们从格式工具栏开始。

如果您将鼠标悬停在媒体和文本区块的图像或视频部分上,您将看到一个格式菜单,其中包含以下选项:

  1. 将区块转换为另一种类型的元素
  2. 通过从两个选项中进行选择来更改区块的布局
  3. 在区块内添加指向媒体文件的链接
  4. 用不同的选项替换媒体文件

这是一个快速备忘单,显示了每个选项在格式工具栏中的位置:

media-text-formatting.pngo_

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

changing-media-layout.pngo_

与图片区块不同,媒体和文本元素的格式工具栏不包括用于编辑图像的选项。但是,我们将在一分钟内向您展示如何进一步调整您的图片。

现在,让我们转向媒体和文本区块的写入部分。默认情况下,它将使用段落元素,但您可以将其更改为区块编辑器支持的任何其他基于文本的选项。

您选择的基于文本的区块将更改您将鼠标悬停在其上时出现的格式选项。在这里您可以看到与段落区块相对应的设置:

paragraph-formatting.pngo_

如果您想详细了解每种文本元素的不同格式选项,我们建议您查看我们的WP教程。我们有最重要的区块编辑器元素的完整指南,向您展示如何添加和配置单个区块。

接下来,在选择媒体和文本区块的同时单击编辑主菜单右上角的齿轮图标。在那里,您可以访问带有其他配置选项的侧边栏:

media-text-settings2.pngo_

让我们来看看每个设置所涵盖的内容:

  1. 样式:这使您可以为区块添加边框。请记住,边界的格式将取决于您的主题设置。
  2. 颜色:这使您可以更改区块及其背景中的文本和链接颜色。
  3. 媒体和文本设置:您可以在图像文件中添加替代文本并在此处调整其大小。此部分还包括用于为移动显示调整区块和裁剪图像的选项。

以下是区块的颜色选项的快速浏览:

media-text-block-colors.pngo_

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

collapsed-block.pngo_

这涵盖了您需要了解的有关更改媒体和文本区块的格式和设置的所有信息。现在是时候讨论这个元素的实际应用了。

在媒体和文本区块是直接使用,并且可以完美集成到大多数文章和页面。本质上,您正在处理两个分组区块和两个布局选择。

您可以使用列复制区块的外观和样式以并排添加图像和段落区块。但是,当存在媒体和文本功能时,几乎没有理由选择这种方法。

由于这是一个如此简单的区块,我们唯一的建议是格式化元素的写入部分以与您选择的媒体文件完美匹配。例如,您可能不想在单个单词的段落或小列表旁边放一张大照片。您会希望这两个元素看起来平衡。请记住,您可以在区块内调整图像大小。

最后,请记住,您使用媒体和文本区块添加的任何图像仍可用于搜索引擎优化 (SEO) 目的。这意味着您仍然应该考虑遵循基本的图像搜索引擎优化指南。

尽管使用媒体和文本区块相对简单,但您可能仍然对这个特定元素有一些疑问。考虑到这一点,让我们回顾一下有关此功能的一些最常见问题。

在媒体和文本区块可以展示旁边写内容的图像或视频的最佳方式。请记住,区块编辑器允许您在多种类型的基于文本的元素之间进行选择。

您可以将媒体和文本区块转换为栏目。这样做会将两个元素分成单独的区块,但保留原始布局。

在媒体和文本区块您不可以更改字体设置。但是,您可以更改文本和任何包含的超链接的颜色。如果要访问更高级的字体相关配置,则需要将区块转换为栏目。

在媒体和文本区块可能成为WordPress的您最常用的元素之一。图像和文本完美地搭配在一起,此区块使您可以将它们并排放置,并采用适合任何主题和页面的简单布局。

使用此?功能时,请记住您不必坚持使用简单的段落。默认情况下,该区块会在您的图像或视频文件旁边添加一个段落元素。但是,您可以将其替换为区块编辑器库中的其他基于文本的选项(例如列表或标题)。

本文内容来源于公开网络,出于传递信息之目的整理发布。原文版权归原作者所有,若涉及侵权请先提供版权后联系我们删除

(0)
WP之家WP之家
上一篇 2025年3月13日 下午4:42
下一篇 2025年3月13日 下午4:43

相关推荐

  • 如何为Google Workspace (G Suite) 设置Google MX记录

    GoogleWorkspace(前身为GSuite)专为需要通过Gmail发送电子邮件的企业而设计。它还包括其他具有高级存储的软件,例如GoogleDrive、GoogleDocs等。要让您的企业电子邮件与GoogleWo

    2025年3月13日
  • 如何安装WordPress核心及全新安装WordPress

    如果您的WordPress网站出现问题,一个潜在的解决方法是重新安装WordPress以确保问题不是由任何损坏的文件引起的。做得对,这可确保您拥有干净的核心WordPress文件,而不会影响您现有的内容。或者,如果您想从完全空白的状态重新启动您的WordPress网站,您可能希望彻底清除现有的

    2025年3月13日
  • 终极WordPress速度优化教程, 秒开页面! 优化思路+方法+工具

    WordPress速度优化思路 网页加载就像开车上山,服务器是车引擎,PHP、MySQ之类是汽油,网络是道路,车重是页面大小,资源加载顺序是档位,服务器状态是车辆状态。要想速度快,得选速度快稳定的服务器,使用最新版本…

    2025年4月3日
  • GSC 和 GA 教程:如何安装和使用谷歌免费工具

    GSC 和 GA 的使用场景和区别 GSC 和 GA 虽然它们都涉及网站数据分析,但它们的功能、使用场景和侧重点有所不同的。 功能对比 Google Search Console (GSC) Google Analytics (GA) 关注点 网站在Google搜索中的表现…

    2025年3月18日
  • 使用Elementor表单的完整指南

    当你有一个商业网站时,表格是主要的。它们使客户更容易与您联系并提供重要信息和反馈。但是,弄清楚如何创建它们可能具有挑战性。如果您正在寻找一种简单、直接的策略,我们建议您使用Elementor表单。这个流行的页面构建器

    2025年3月13日
  • Elementor固定顶部栏(网站页眉)的终极指南

    无论您是有抱负的Web开发人员还是电子商务企业家,您的网站都可能共享一些基本要素。例如,每个站点都需要一个清晰的Header来帮助访问者在不同页面之间导航。但是,如果您使用像Elementor这样的页面构建器来减少编码,您可能想知道是否仍然可以制作一个复杂但用户友好的Elementor固定顶部栏(或者成为固定页眉)。幸运的是,使用Elementorhea

    2025年3月13日
  • 如何将Ajax实时搜索添加到您的WordPress

    将即时搜索添加到WordPress可改进默认站点搜索,并使访问者更容易找到他们正在寻找的页面和文章。在本教程中,我们将向您展示如何将Ajax实时搜索添加到您的WordPress网站。Ajax实时搜索(也称为即时搜索)通过添加在Google等搜索引擎中很常见的下拉菜单和自动完成功能来改善默认的WordPress搜索体验。这是一个实际的

    2025年3月13日
  • 如何创建二维码(QR Code)

    本世纪初,营销人员对二维码寄予厚望。然而,二维码并没有达到预期,可以肯定地说,现在围绕它们的热情已经消退了很多(至少在西方)。但这是否意味着你应该放弃用这项技术弥合“真实”世界和数字世界之间差距的梦想?不必要。事实

    2025年3月13日