WordPress使用教程之如何使用WordPress引用区块

WordPress使用教程之如何使用WordPress引用区块插图

WordPress引用区块提供了一种简单的方式来显示来自外部的引用,它显示带有引号的文本,并包括一个标题来添加引文。这是一个简单的区块,但在你的内容中使用它可以吸引读者的注意力,并为你的文本增加一些重点。在这篇文章中,搬主题将介绍一下引用块,看看它能做什么,并介绍如何把它添加到你的文章和页面中,看看使用它的一些提示和最佳做法,并看看常见问题。

一、如何在你的文章或网页上添加引用区块

WordPress使用教程之如何使用WordPress引用区块插图1

要添加一个引用区块,请在您想放置区块的位置点击区块插入器。您也可以点击左上角的插入器。搜索 “引用”并在弹出的窗口中选择它。

WordPress使用教程之如何使用WordPress引用区块插图2

另外,你可以在你想放置区块的地方输入/quote,然后按回车键,或者从选项中选择它。

WordPress使用教程之如何使用WordPress引用区块插图3

这将在你的内容中添加引用块,你可以在其中添加任何你想要的引用。

WordPress使用教程之如何使用WordPress引用区块插图4

要使用它,只需在写有 “添加引文 “的地方输入或粘贴你想让它显示的文字。在引文下面有一小行文字,标有 “添加引文”,你将在这里添加引文的参考资料。参考资料可以包括姓名、标题、日期、出版商、链接等。

设计将根据你所使用的主题而有所不同。使用Twenty Twenty-One主题的引用显示为半粗体,而引文显示为普通字体。

WordPress使用教程之如何使用WordPress引用区块插图5

通过选择左上方的插入器图标添加预制设计,选择图案,搜索引用,并从出现在列表中的图案中选择。

二、引用区设置和选项

WordPress使用教程之如何使用WordPress引用区块插图6

引用块包括块内和右侧边栏的设置和选项。我们将仔细研究这两种类型的设置和选项。

1、引用区块工具条

WordPress使用教程之如何使用WordPress引用区块插图7

引用区块工具栏被放置在区块的上方。当您选择该区块时,该工具栏会出现。你可能需要在它下面再加一个块,才能看到所有的工具。让我们再仔细看一下。

改变区块类型或样式

WordPress使用教程之如何使用WordPress引用区块插图8

你有几个选项来转换块,包括段落、标题、列表、列、组或引号。每个选项都显示了它与你的内容的预览效果。它也有几个样式的选项。将鼠标悬停在任何一个选项上都会显示包括你的内容在内的预览。如果你想设计背景,添加边框,和添加间距,组是一个很好的选择。在这个例子中,我将鼠标悬停在pullquote上。

拖动和移动

WordPress使用教程之如何使用WordPress引用区块插图9

拖动和移动工具使你可以很容易地移动图块。拖动工具,用6个点表示,让你拖动块。移动工具,即上下箭头,可以在你的内容中向上或向下移动块,只需点击一下。

改变排列方式

WordPress使用教程之如何使用WordPress引用区块插图10

对齐选项包括左边、中间和右边。这将使内容与你选择的一侧对齐。与其他区块不同的是,它不包括宽幅和全宽选项,也不会将区块与它下面的段落包裹起来。你可以通过将该块转化为一个组来添加宽和全宽选项。

WordPress使用教程之如何使用WordPress引用区块插图11

这个例子使用了居中对齐,将文本和引文放在区块的中心。

粗体和斜体

WordPress使用教程之如何使用WordPress引用区块插图12

粗体和斜体可以为你突出显示的文本提供风格。它们可以一起使用,也可以单独使用。在这个例子中,我在引文中独立使用了它们,在引文中也独立使用了它们。

链接

WordPress使用教程之如何使用WordPress引用区块插图13

这将在你突出显示的文本上添加一个URL。输入URL会显示基于你以前使用过的URL的建议。你可以把它设置为在新标签页中打开链接。

WordPress使用教程之如何使用WordPress引用区块插图14

我在这个例子中把链接加到了引文中。该文本用下划线表示它是一个链接。

更多选项

WordPress使用教程之如何使用WordPress引用区块插图15

更多选项有七个选项,当你点击它们时,可以为你高亮显示的文本设置样式。我在上面的例子中添加了这些选项并在其下划线。选项包括。

内联代码 – 这将使文本看起来像代码。知道这个词是作为内联代码的格式。

内联图像–这将从你的媒体库中添加一个图像。我在上面的图片中添加了一个罐子的图片。你可以改变图片的像素宽度。

键盘输入–这将使文本成为键盘上的HTML格式。There’s这个词是用键盘输入的格式化的。

删除线 – 这将在文本上添加一条线。我在上面的图片中给but这个词加上了删除线。

下标–这使文本成为下标,就像人这个词。

上标 – 这将使文本成为上标,就像错误这个词。

文本颜色–这可以定制文本的颜色,就像上面例子中的引号。设置图标在激活后会移到工具栏上。

WordPress使用教程之如何使用WordPress引用区块插图16

通过从预选的颜色或取色器中的自定义颜色,或通过输入十六进制代码、RGB代码或HSL代码来定制颜色。

选项

WordPress使用教程之如何使用WordPress引用区块插图17

选项按钮包括10个标准块选项:

隐藏更多设置 – 这将隐藏右边的侧边栏。

复制–这将复制引用块,以便您可以在内容中的其他地方粘贴它。

复制–这将在原始引用块下添加一个重复的引用块。

Insert Before – 在引用区之前添加一个空间。

Insert After – 在引用区块之后增加一个区块的空间。

Move To – 这可以让你通过放置一条蓝线来移动该块,以显示移动该块的位置。

编辑为HTML – 这将打开代码编辑器,你可以在那里编辑HTML。

添加到可重复使用的区块 – 这将引用区块添加到您的可重复使用的区块中,这样您就可以在其他页面和帖子中重复使用它。

组–这将把该块添加到您可以自定义的组中。

移除区块 – 这将删除引用区块。

2、引用块侧边栏设置

WordPress使用教程之如何使用WordPress引用区块插图18

侧边栏设置包括样式和高级。点击区块可以打开侧边栏中的引用区块选项变化。点击右上角的齿轮,可以打开或关闭侧边栏。

样式

WordPress使用教程之如何使用WordPress引用区块插图19

样式显示了两个选项:默认样式和一个大型样式。两者都显示了引用的预览效果。你可以在标有 “默认风格 “的下拉框中设置默认风格。  风格可以根据你的主题而变化。上面的例子显示的是大号样式。

高级

WordPress使用教程之如何使用WordPress引用区块插图20

这里有标准的高级设置,包括HTML锚和附加CSS类。HTML锚会创建一个URL,这样你就可以链接到该块。附加CSS类字段是你添加任何你想使用的CSS类的地方。它包括你从 “样式 “选项中选择的样式。

三、有效使用引用块的提示和最佳做法

使用引语来强调文本的一部分,或给你的读者留下一个思想的焦点。对于文章中其他地方没有的引语,可以使用它们。

选择大号样式,使引文与正文更明显地分开。根据你的内容和受众选择引文样式。在引用作者的话时,尽可能提供作品的标题。对于学术性的引用,请使用你的学校所喜欢的引用方法。选择组来添加背景颜色或边框。

四、关于引用区块的常见问题

1、引用区块的目的是什么?

为了呈现在你的内容中看起来很好的引文。它们以不同的字体被添加到内容中,并包括一个引号和一个引文的标题。

2、引用区和加粗之间有什么区别?

引语用于外部引用,而加粗则突出它所放置的文章中的一部分文字。引用块有颜色选项和不同的布局。引用可以作为标题使用。

3、使用这个区块有什么好处?

它从文本的其他部分中脱颖而出,所以它吸引了人们的注意。读者一眼就能看出这是一个引语。该区块比Pullquote区块使用起来更简单。

4、它可以转化为什么?

它可以被转化为段落、标题、组、引号、列表和列。

5、这个区块可以用来做什么?

引用区是显示推荐书、评论、个人引言、专业或学术来源的引言、作者、名人、灵感等的一个很好的方式。引用不应该出现在内容的其他地方。

五、最后总结

这就是我们对WordPress引用块的看法。这个块是强调与你的其他内容不同的文本的一个好方法。它没有很多造型选项,但它有的那些选项看起来很优雅,而且你可以通过把它变成一组背景来进行造型。它是引用名人名言、引用来源、证明和灵感的理想选择。

 收藏 (0) 更新不易,打赏吧

您可以选择一种方式赞助本站

支付宝扫一扫赞助

微信钱包扫描赞助

除特别注明外,本站所有文章均基于CC-BY-NC-SA 4.0原创,转载请注明出处。
文章名称:《WordPress使用教程之如何使用WordPress引用区块》
文章链接:https://www.banzhuti.com/wordpress-quote-block.html
分享到: 生成海报
版权免责声明

① 本站提供的资源(插件或主题)均为网上搜集,如有涉及或侵害到您的版权请立即通知我们。
② 本站所有下载文件,仅用作学习研究使用,请下载后24小时内删除,支持正版,勿用作商业用途。
③ 因代码可变性,不保证兼容所有浏览器、不保证兼容所有版本的WP、不保证兼容您安装的其他插件。
④ 本站保证所提供资源(插件或主题)的完整性,但不含授权许可、帮助文档、XML文件、PSD、后续升级等。
⑤ 由本站提供的资源对您的网站或计算机造成严重后果的本站概不负责。
⑥ 使用该资源(插件或主题)需要用户有一定代码基础知识!另本站提供汉化使用安装教程,仅供参考。
⑦ 有时可能会遇到部分字段无法汉化,同时请保留作者汉化宣传信息,谢谢!
⑧ 本站资源售价只是赞助和汉化辛苦费,收取费用仅维持本站的日常运营所需。
⑨ 如果喜欢本站资源,欢迎捐助本站开通会员享受优惠折扣,谢谢支持!
⑩ 如果网盘地址失效,请在相应资源页面下留言,我们会尽快修复下载地址。

热门文章

评论 抢沙发

评论前必须登录!

立即登录   注册

WordPress主题 插件 建站 汉化

定制服务联系我们
切换注册

登录

点击按钮进行验证

忘记密码 ?

您也可以使用第三方帐号快捷登录

切换登录

注册

我们将发送一封验证邮件至你的邮箱, 请正确填写以完成账号注册和激活