Preformatted Block 显示的文本与您键入的文本完全相同。 这意味着您可以在文本中包含空格和换行符。 了解如何使用预格式化块可为您提供多种优势,例如将文本的各个部分分开并创建突出的元素。 幸运的是,此块包含多个样式选项,并且易于使用。
在本文中,我们将介绍 WordPress 预格式化块。 我们将了解如何将其添加到您的帖子和页面,并查看其选项和设置。 我们还将看到一些使用它的最佳实践,以及最常见的问题。
如何将预先格式化的块添加到您的帖子或页面
通过单击块插入器工具将预格式化块添加到您的内容中。 您会在左上角和内容区域找到它。 搜索 预先格式化 然后点击 进入.
您还可以通过键入来添加块 /预格式化 和打 进入 在您希望它出现的内容区域中。 在您键入时,WordPress 会根据您输入的字母提供建议,因此您只需在看到该块时单击它即可。
预格式化块现在已添加到您的帖子或页面。 Preformatted Block 类似于 Paragraph Block、Verse Block 和 Code Block。 这是它们之间的一种交叉,但它也简化了它们。 它显示您键入的文本,但不会更改格式,而是保留它。 这包括所有空格和换行符。 它以等宽字体显示。
预格式化块设置和选项
与大多数 WordPress 块一样,该块包含一个设置工具栏和侧栏中的选项。 这是两者的近距离观察。
预格式化块工具栏设置
工具栏位于块上方,包含大多数标准工具。
更改块类型或样式
此块可以转换为其他几个块,包括段落、组、列和代码。 突出显示选项会显示您的内容的外观预览。
拖动和移动
拖动工具显示为 6 个点。 抓住这个区域,您可以将块拖放到内容中的任何位置。 每次单击箭头时,向上和向下移动箭头都会在内容中向上或向下移动一个块。

粗体、斜体和链接
粗体、斜体和链接设置控制单击按钮时突出显示的文本。 您可以单独或一起使用它们。 您可以通过在链接弹出窗口底部启用链接来在新选项卡中打开链接。
带有链接的文本带有下划线以表明它是可点击的。 单击编辑器中的文本会打开链接编辑器,您可以在其中更改链接。
更多选择
“更多”按钮包括多个格式选项,这些选项适用于您单击该选项时突出显示的文本。 选项包括:
内联代码 – 这使您的文本看起来像代码,并阻止执行块中的任何代码。 这个单词 预格式化 是上图中的内联代码。
内嵌图片 – 这使您可以将媒体库中的图像放置在鼠标光标所在的位置。
键盘输入 – 这会使用键盘 HTML 格式设置文本样式。 这个单词 文本 在上图中使用键盘输入样式进行样式设置。
删除线 – 这会在文本中放置一行。 这个单词 等宽 上图中有删除线。
下标 – 这会将文本设置得比其他文本更低更小。 这个单词 您的 上图中是下标。
上标 – 这比其他设置更高和更小。 这个单词 线 上图中是一个上标。
文字颜色 – 这让您可以更改文本的颜色,就像我对单词所做的那样 部门 在上图中。
选项
预格式化块选项包括:
隐藏更多设置 – 这将隐藏或显示右侧边栏。
复制 – 这会复制预格式化块,以便您可以将其粘贴到内容中的其他位置。
复制 – 这会将预格式化块的副本放在原始块下。
插入前 – 这会在块上方为另一个块添加一个空间。
插入后 – 这会在块下方为另一个块添加一个空格。
搬去 – 这会放置一条蓝线,您可以使用箭头向上或向下移动,并将您的方块移动到您选择的位置。
编辑为 HTML – 这将打开代码编辑器,以便您可以将内容编辑为 HTML。
添加到可重用块 – 这会将您的预格式化块添加到您的可重用块中。
团体 – 这会将块添加到组中,以便您可以将它们作为单个块进行调整。
删除块 – 这将删除块。

很多做跨境电商的朋友往往需要外国人的服务,比如录音、社媒代运营等等。我们整理出来很多低价且高质量的外国人服务商,分享给大家。
fiverr上15美元的海外社媒代运营服务
fiverr上25美元的Twitch设计服务
fiver上10美元的短视频广告投放服务
fiverr上15美元的视频编辑服务
fiverr上20美元的谷歌广告投放服务
fiverr上5美元的谷歌SEO服务
fiverr上10美元的英文文章撰写服务
fiverr上20美元的CMS网站建站服务
fiverr上40美元的手机APP开发服务
fiverr上30美元的linkedin代运营服务
fiverr上10美元的Guest Post做客博文服务
fiverr上15美元的红人营销服务
fiverr上20美元的discord运营服务
fiverr上15美元的社群维护服务
fiverr上10美元的shopify店铺优化服务
预格式化块设置
预格式化块设置位于右侧边栏中。 如果未显示,请单击右上角的齿轮。 单击块内的任意位置以查看其侧边栏选项。
排版
排版可让您选择整个块的字体大小。 从下拉框中选择尺寸或输入自定义尺寸。 点击 重启 恢复到默认设置。
颜色
颜色选项可让您设置文本和背景颜色的样式。 背景可以是纯色或渐变色。 您可以从多种预选颜色中进行选择或选择自定义颜色。 如果颜色组合可能难以阅读,您会在右下角看到一条消息。 在本例中,我将背景设置为橙色,将文本设置为白色。 这表明它可能难以阅读。
渐变背景可以设置为线性或径向。 使用颜色选择器选择两种颜色或输入颜色为 RGB 或 HSL 代码。 颜色可以包括不透明度。 对于线性,您可以设置角度,就像我在上面的示例中所做的那样。 将它们靠近在一起以在它们之间创建一条清晰的线,就像我所做的那样,或者进一步分开以控制它们的混合方式。
先进的
高级设置包括一个 HTML 锚点选项,因此您可以直接链接到预格式化块。 它还包括一个用于添加 CSS 类的字段,以便您可以使用自定义 CSS 来设置块的样式。
有效使用预格式化块的技巧和最佳实践
任何时候您想在您的内容中添加空格或分行时,都可以使用此块。 段落块不保留该格式。
为文本和背景使用颜色以将其与其他内容区分开来。 这也防止它看起来与代码块相同,这很重要,因为两者都使用等宽类型。
用它来强调你的文本。 由于它可以保留空格和行分割,因此可以用来将文本的一部分与其余部分分开。
使用间距和分割以及字体和背景选项来创建独特的标题来分隔您的内容。
关于预格式化块的常见问题
预格式化块的目的是什么?
显示带有换行符和空格的文本,同时能够更改字体大小、颜色和背景,并添加链接。
它与 Verse Block 有何不同?
Verse Block 有点复杂。 它包括对齐选项并且不以等宽显示文本。 它还包括一些间距功能并为链接添加颜色选项。
它与代码块有何不同?
它包括背景的样式选项。 虽然代码块在“更多选项”中有一个字体颜色选项,在侧边栏中有一个字体颜色选项,但它在侧边栏选项中不包括字体和颜色
它与段落块有什么不同?
段落块不会保留您的换行符。 在预格式化块中,您可以通过单击在文本中添加新行 进入. 对于段落块,这会将您带到一个字段以添加新块。 段落块还包括更多文本设置。
它可以用来做什么?
间距和分行显示的文本与您的其余内容不同。 字体和背景颜色可以为服务、报价(尽管 Quote Block 和 Pullquote Block 可能是更好的选择)、推荐、号召性用语等创建卡片。
结论
这就是我们对 WordPress 预格式化块的看法。 该块通过保留间距和线划分为您提供了一些有趣的设计功能。 与代码块不同,您仍然可以使用背景颜色工具。 这个块是一个很好的选择,可以帮助你的文本脱颖而出,它甚至可以用来创建设计元素来展示你的服务并引起人们对某些东西的注意。
我们希望听到您的意见。 你使用预格式化块吗? 请在评论中告诉我们您的体验。
精选图片来自 MicroOne/shutterstock.com