最新公告
  • 欢迎您光临IO源码网,本站秉承服务宗旨 履行“站长”责任,销售只是起点 服务永无止境!立即加入我们
  • 古腾堡编辑器教程:如何使用WordPress引文区块 在本教程中,我们将介绍引文区块,了解如何将其添加到文章和页面,查看使用它的提示和最佳实践,以及常见问题。 8月 16, 2021 13 0

    古腾堡编辑器教程:如何使用WordPress引文区块-1

    引文是文章中引起注意的一个小片段。它非常适合为您的文本添加重点或突出显示一个短语。它为读者提供视觉帮助。WordPress有一个专为此目的设计的引文区块。

    在本教程中,我们将介绍引文区块,了解如何将其添加到文章和页面,查看使用它的提示和最佳实践,以及常见问题。

    如何将引文区块添加到文章或页面

    要添加引文区块,请单击要放置块的位置或左上角的块插入器。搜索“引文”并选择它。或者,您可以输入/pullquote并在要放置块的位置按 Enter 键。

    引文区块将添加到您的内容中,您可以在其中添加文章中的引用。

    要使用它,只需输入您希望它在显示添加引用的位置显示的文本。在此下方是另一行标记为添加引述的文本,您将在其中添加您要引用的人的姓名,对于引文,它是文章的作者。引述对于引文是可选的。

    您的引用显示在两条水平线之间,并在其上加上引号。默认设置以大字体显示引文,而引文则以常规粗细的较小字体显示。

    引文区块设置和选项

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

    引文区块工具栏

    引文区块工具栏位于区块上方。当您选择块时它会出现。让我们仔细看看。

    更改区块类型或样式

    您有多种选项可以将块转换为其他区块、样式等。将其转换为段落、列、组、标题、引用或列表。每个都提供了使用您的内容的效果的预览。它还具有样式选项。将鼠标悬停在选项上会显示它在您的内容中的外观预览。在本例中,我将鼠标悬停在样式下的纯色选项上。

    拖动和移动

    拖动工具由6个点表示。抓住点并将区块拖动到您想要的任何位置。移动工具是向上和向下箭头。单击它们以在您的内容中上下移动区块。

    更改对齐方式

    对齐选项包括左对齐、右对齐、宽幅和全幅。宽幅和全幅选项仅在您的主题支持它们时才可用。选择向左或向右将其放置在屏幕的那一侧。取消选择您的选项以将其恢复为居中的默认设置。它适用于段落块。

    例如,将其设置为左对齐或右对齐会将其下方的段落置于引文区块内。在此示例中,我将其设置为居左对齐,并且下一段中的文本现在环绕它。

    粗体和斜体

    粗体和斜体选项会影响您突出显示的文本。它们可以一起使用或独立使用。在这个例子中,我在引文中独立使用了它们,并在引文中一起使用。

    链接

    将链接添加到您突出显示的任何文本。当您输入URL时,您会看到基于您之前使用过的建议的建议。您还会看到在新标签页中打开链接的选项。

    在这个例子中,我添加了引文的链接。它在文本下划线以显示它是一个链接。

    下拉选项

    单击更多选项会打开一个下拉框,其中包含7个用于设置文本样式的选项。我已经在上面的例子中添加了它们中的每一个。当您单击它们时,它们都会影响您突出显示的文本。它们包括:

    • 内联代码– 将文本样式设置为看起来像代码并阻止代码执行。这个词是格式化为内联代码。
    • 内嵌图像– 将媒体库中的图像添加到鼠标光标所在的位置。
    • 键盘输入– 使用键盘HTML格式设置文本样式。单词quote使用键盘输入样式进行样式设置。
    • 删除线– 在文本中放置一行,就像上图中的“很棒”这个词。
    • 下标– 使文本比其他文本更低更小,就像上面引文中的字母R一样。
    • 上标– 使文本比其他文本更高更小,就像上面引文中的字母A一样。
    • 文本颜色– 允许您更改文本的颜色,例如上面引文中的单词Brown。当工具栏处于活动状态时,设置图标会更改为工具栏。

    对于颜色选项,从预先选择的颜色中选择或创建自定义颜色。从颜色选择器中选择自定义颜色或输入十六进制代码、RGB代码或HSL代码。

    选项

    包括所有标准选项:

    • 隐藏更多设置 – 隐藏右侧边栏。
    • 复制– 复制 Pullquote 块,以便您可以将其粘贴到内容中的任何位置。
    • 创建副本– 在原件下添加引文区块的副本。
    • 在当前区块前插入– 在引文区块块之前添加一个空格,您可以在其中添加一个区块。
    • 在当前区块后插入– 在引文区块之后添加一个空格,您可以在其中添加一个区块。
    • 移动至– 在您的内容中放置一条蓝线,您可以将其移动到要移动引文区块的位置,从而轻松移动区块。
    • 作为HTML编辑 – 打开代码编辑器,您可以在其中编辑HTML。
    • 添加至可重用区块– 将引文区块添加到您的可重用区块中,使其易于重用。
    • 组合– 将区块添加到可以作为单个单元进行调整的组中。
    • 移除区块– 删除引文区块。

    引文区块侧边栏设置

    侧边栏设置包括样式、颜色和高级。单击右上角的齿轮以打开或关闭侧边栏。单击该块会将侧栏更改为引文区块选项。

    样式

    样式显示两个选项:默认样式和纯色样式。样式显示了引文外观的预览。您可以通过在标有默认样式的下拉框中单击它来设置默认样式

    颜色

    颜色选项包括主色和文本颜色。有几种颜色可用作默认颜色,您也可以选择自定义颜色。对于自定义颜色,请从颜色选择器中进行选择或输入所需的十六进制、RGB或HSL颜色。

    主要颜色会影响线的上方和引文的第一个样式下方。

    对于第二种样式,主要颜色会影响背景。当您为背景选择深色时,它会变为浅色文本。如果您选择难以阅读的颜色组合,它会让您知道。

    文本颜色影响引号,引用来源,和引文。它不会覆盖工具栏设置中设置的文本颜色。

    您可以使用文本颜色设置来调整引号,然后使用工具栏中的颜色设置来单独调整文本。

    高级

    高级设置包括HTML锚点和附加CSS类。锚点提供了一个URL,因此您可以直接链接到该区块。CSS类字段包括您选择的样式,您可以根据需要添加其他类。

    有效使用引文区块的技巧和最佳实践

    • 使用文章本身的文本。
    • 谨慎使用它们。
    • 不使用标题也没关系。
    • 使用右对齐或左对齐使您的引文包裹您的文本。
    • 使用宽幅和全幅对齐选项来创建有趣的标题。
    • 尝试两种样式,默认样式和纯色样式,看看哪种样式最适合您的内容。使用纯色并更改背景颜色以突出显示。
    • 使用颜色使引文更加突出。

    关于引文区块的常见问题

    引文区块和引用区块有什么区别?

    引用显示外部内容。引文突出显示了它所在文章中的一部分文本。 引文区块包含更多对齐选项并且样式不同。

    使用引文区块有什么好处?

    它使文本具有更加突出的图形外观。它还突出显示文本中的一行以引起注意。

    它们可以转换成引用区块吗?

    是的,还有一个段落区块、栏目区块、组区块、标题区块或列表区块。

    它们可以用于其他用途吗?

    是的,还有简短的教程、脚注、标题等。

    小结

    这就是我们对WordPress引文区块的看法。引文是为文本添加一些视觉重点的好方法,引文区块做得很好。此区块易于使用,并为您提供足够的选项来创建突出的独特外观。它的布局选项适用于您的文本,允许您分割文本、用文本换行,甚至将其用作标题。

    1. 本站所有资源来源于用户上传和网络,因此不包含技术服务请大家谅解!如有侵权请邮件联系客服!384324621@qq.com
    2. 本站不保证所提供下载的资源的准确性、安全性和完整性,资源仅供下载学习之用!如有链接无法下载、失效或广告,请联系客服处理,有奖励!
    3. 您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容资源!如用于商业或者非法用途,与本站无关,一切后果请用户自负!
    4. 如果您也有好的资源或教程,您可以投稿发布,成功分享后有★币奖励和额外收入!

    IO 源码网 » 古腾堡编辑器教程:如何使用WordPress引文区块 在本教程中,我们将介绍引文区块,了解如何将其添加到文章和页面,查看使用它的提示和最佳实践,以及常见问题。 8月 16, 2021 13 0

    常见问题FAQ

    免费下载或者VIP会员专享资源能否直接商用?
    本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
    提示下载完但解压或打开不了?
    最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。若排除这种情况,可在对应资源底部留言,或 联络我们.。
    找不到素材资源介绍文章里的示例图片?
    对于PPT,KEY,Mockups,APP,网页模版等类型的素材,文章内用于介绍的图片通常并不包含在对应可供下载素材包内。这些相关商业图片需另外购买,且本站不负责(也没有办法)找到出处。 同样地一些字体文件也是这种情况,但部分素材会在素材包内有一份字体下载链接清单。
    IO源码吧
    一个高级程序员模板开发平台

    发表评论

    • 158会员总数(位)
    • 12111资源总数(个)
    • 92本周发布(个)
    • 0 今日发布(个)
    • 538稳定运行(天)

    提供最优质的资源集合

    立即查看 了解详情