引文是文章中引起注意的一個小片段。它非常適合為您的文本添加重點或突出顯示一個短語。它為讀者提供視覺幫助。wordpress有一個專為此目的設(shè)計的引文區(qū)塊。

在本教程中，我們將介紹引文區(qū)塊，了解如何將其添加到文章和頁面，查看使用它的提示和最佳實踐，以及常見問題。

如何將引文區(qū)塊添加到文章或頁面

要添加引文區(qū)塊，請單擊要放置塊的位置或左上角的塊插入器。搜索“引文”并選擇它?；蛘?，您可以輸入/pullquote并在要放置塊的位置按 Enter 鍵。

引文區(qū)塊將添加到您的內(nèi)容中，您可以在其中添加文章中的引用。

要使用它，只需輸入您希望它在顯示添加引用的位置顯示的文本。在此下方是另一行標(biāo)記為添加引述的文本，您將在其中添加您要引用的人的姓名，對于引文，它是文章的作者。引述對于引文是可選的。

您的引用顯示在兩條水平線之間，并在其上加上引號。默認(rèn)設(shè)置以大字體顯示引文，而引文則以常規(guī)粗細(xì)的較小字體顯示。

引文區(qū)塊設(shè)置和選項

引文區(qū)塊包括塊本身和右側(cè)邊欄中的設(shè)置和選項。

引文區(qū)塊工具欄

引文區(qū)塊工具欄位于區(qū)塊上方。當(dāng)您選擇塊時它會出現(xiàn)。讓我們仔細(xì)看看。

更改區(qū)塊類型或樣式

您有多種選項可以將塊轉(zhuǎn)換為其他區(qū)塊、樣式等。將其轉(zhuǎn)換為段落、列、組、標(biāo)題、引用或列表。每個都提供了使用您的內(nèi)容的效果的預(yù)覽。它還具有樣式選項。將鼠標(biāo)懸停在選項上會顯示它在您的內(nèi)容中的外觀預(yù)覽。在本例中，我將鼠標(biāo)懸停在樣式下的純色選項上。

拖動和移動

拖動工具由6個點表示。抓住點并將區(qū)塊拖動到您想要的任何位置。移動工具是向上和向下箭頭。單擊它們以在您的內(nèi)容中上下移動區(qū)塊。

更改對齊方式

對齊選項包括左對齊、右對齊、寬幅和全幅。寬幅和全幅選項僅在您的主題支持它們時才可用。選擇向左或向右將其放置在屏幕的那一側(cè)。取消選擇您的選項以將其恢復(fù)為居中的默認(rèn)設(shè)置。它適用于段落塊。

例如，將其設(shè)置為左對齊或右對齊會將其下方的段落置于引文區(qū)塊內(nèi)。在此示例中，我將其設(shè)置為居左對齊，并且下一段中的文本現(xiàn)在環(huán)繞它。

粗體和斜體

粗體和斜體選項會影響您突出顯示的文本。它們可以一起使用或獨立使用。在這個例子中，我在引文中獨立使用了它們，并在引文中一起使用。

鏈接

將鏈接添加到您突出顯示的任何文本。當(dāng)您輸入URL時，您會看到基于您之前使用過的建議的建議。您還會看到在新標(biāo)簽頁中打開鏈接的選項。

在這個例子中，我添加了引文的鏈接。它在文本下劃線以顯示它是一個鏈接。

下拉選項

單擊更多選項會打開一個下拉框，其中包含7個用于設(shè)置文本樣式的選項。我已經(jīng)在上面的例子中添加了它們中的每一個。當(dāng)您單擊它們時，它們都會影響您突出顯示的文本。它們包括：

• 內(nèi)聯(lián)代碼– 將文本樣式設(shè)置為看起來像代碼并阻止代碼執(zhí)行。這個詞這是格式化為內(nèi)聯(lián)代碼。
• 內(nèi)嵌圖像– 將媒體庫中的圖像添加到鼠標(biāo)光標(biāo)所在的位置。
• 鍵盤輸入– 使用鍵盤HTML格式設(shè)置文本樣式。單詞quote使用鍵盤輸入樣式進(jìn)行樣式設(shè)置。
• 刪除線– 在文本中放置一行，就像上圖中的“很棒”這個詞。
• 下標(biāo)– 使文本比其他文本更低更小，就像上面引文中的字母R一樣。
• 上標(biāo)– 使文本比其他文本更高更小，就像上面引文中的字母A一樣。
• 文本顏色– 允許您更改文本的顏色，例如上面引文中的單詞Brown。當(dāng)工具欄處于活動狀態(tài)時，設(shè)置圖標(biāo)會更改為工具欄。

對于顏色選項，從預(yù)先選擇的顏色中選擇或創(chuàng)建自定義顏色。從顏色選擇器中選擇自定義顏色或輸入十六進(jìn)制代碼、RGB代碼或HSL代碼。

選項

包括所有標(biāo)準(zhǔn)選項：

• 隱藏更多設(shè)置 – 隱藏右側(cè)邊欄。
• 復(fù)制– 復(fù)制 Pullquote 塊，以便您可以將其粘貼到內(nèi)容中的任何位置。
• 創(chuàng)建副本– 在原件下添加引文區(qū)塊的副本。
• 在當(dāng)前區(qū)塊前插入– 在引文區(qū)塊塊之前添加一個空格，您可以在其中添加一個區(qū)塊。
• 在當(dāng)前區(qū)塊后插入– 在引文區(qū)塊之后添加一個空格，您可以在其中添加一個區(qū)塊。
• 移動至– 在您的內(nèi)容中放置一條藍(lán)線，您可以將其移動到要移動引文區(qū)塊的位置，從而輕松移動區(qū)塊。
• 作為HTML編輯 – 打開代碼編輯器，您可以在其中編輯HTML。
• 添加至可重用區(qū)塊– 將引文區(qū)塊添加到您的可重用區(qū)塊中，使其易于重用。
• 組合– 將區(qū)塊添加到可以作為單個單元進(jìn)行調(diào)整的組中。
• 移除區(qū)塊– 刪除引文區(qū)塊。

引文區(qū)塊側(cè)邊欄設(shè)置

側(cè)邊欄設(shè)置包括樣式、顏色和高級。單擊右上角的齒輪以打開或關(guān)閉側(cè)邊欄。單擊該塊會將側(cè)欄更改為引文區(qū)塊選項。

樣式

樣式顯示兩個選項：默認(rèn)樣式和純色樣式。樣式顯示了引文外觀的預(yù)覽。您可以通過在標(biāo)有默認(rèn)樣式的下拉框中單擊它來設(shè)置默認(rèn)樣式。

顏色

顏色選項包括主色和文本顏色。有幾種顏色可用作默認(rèn)顏色，您也可以選擇自定義顏色。對于自定義顏色，請從顏色選擇器中進(jìn)行選擇或輸入所需的十六進(jìn)制、RGB或HSL顏色。

主要顏色會影響線的上方和引文的第一個樣式下方。

對于第二種樣式，主要顏色會影響背景。當(dāng)您為背景選擇深色時，它會變?yōu)闇\色文本。如果您選擇難以閱讀的顏色組合，它會讓您知道。

該文本顏色影響引號，引用來源，和引文。它不會覆蓋工具欄設(shè)置中設(shè)置的文本顏色。

您可以使用文本顏色設(shè)置來調(diào)整引號，然后使用工具欄中的顏色設(shè)置來單獨調(diào)整文本。

高級

高級設(shè)置包括HTML錨點和附加CSS類。錨點提供了一個URL，因此您可以直接鏈接到該區(qū)塊。CSS類字段包括您選擇的樣式，您可以根據(jù)需要添加其他類。

有效使用引文區(qū)塊的技巧和最佳實踐

• 使用文章本身的文本。
• 謹(jǐn)慎使用它們。
• 不使用標(biāo)題也沒關(guān)系。
• 使用右對齊或左對齊使您的引文包裹您的文本。
• 使用寬幅和全幅對齊選項來創(chuàng)建有趣的標(biāo)題。
• 嘗試兩種樣式，默認(rèn)樣式和純色樣式，看看哪種樣式最適合您的內(nèi)容。使用純色并更改背景顏色以突出顯示。
• 使用顏色使引文更加突出。

關(guān)于引文區(qū)塊的常見問題

引文區(qū)塊和引用區(qū)塊有什么區(qū)別？

引用顯示外部內(nèi)容。引文突出顯示了它所在文章中的一部分文本。 引文區(qū)塊包含更多對齊選項并且樣式不同。

使用引文區(qū)塊有什么好處？

它使文本具有更加突出的圖形外觀。它還突出顯示文本中的一行以引起注意。

它們可以轉(zhuǎn)換成引用區(qū)塊嗎？

是的，還有一個段落區(qū)塊、欄目區(qū)塊、組區(qū)塊、標(biāo)題區(qū)塊或列表區(qū)塊。

它們可以用于其他用途嗎？

是的，還有簡短的教程、腳注、標(biāo)題等。

小結(jié)

這就是我們對WordPress引文區(qū)塊的看法。引文是為文本添加一些視覺重點的好方法，引文區(qū)塊做得很好。此區(qū)塊易于使用，并為您提供足夠的選項來創(chuàng)建突出的獨特外觀。它的布局選項適用于您的文本，允許您分割文本、用文本換行，甚至將其用作標(biāo)題。

分享標(biāo)題：古騰堡編輯器教程：如何使用WordPress引文區(qū)塊
網(wǎng)頁URL：http://uogjgqi.cn/article/cdiecsj.html