建站
咨詢
售后
建站咨詢
新聞中心
引文是文章中引起注意的一個(gè)小片段。它非常適合為您的文本添加重點(diǎn)或突出顯示一個(gè)短語。它為讀者提供視覺幫助。wordpress有一個(gè)專為此目的設(shè)計(jì)的引文區(qū)塊。
在本教程中，我們將介紹引文區(qū)塊，了解如何將其添加到文章和頁面，查看使用它的提示和最佳實(shí)踐，以及常見問題。
如何將引文區(qū)塊添加到文章或頁面
要添加引文區(qū)塊，請(qǐng)單擊要放置塊的位置或左上角的塊插入器。搜索“引文”并選擇它?；蛘撸梢暂斎?em>/pullquote并在要放置塊的位置按 Enter 鍵。
引文區(qū)塊將添加到您的內(nèi)容中，您可以在其中添加文章中的引用。
要使用它，只需輸入您希望它在顯示添加引用的位置顯示的文本。在此下方是另一行標(biāo)記為添加引述的文本，您將在其中添加您要引用的人的姓名，對(duì)于引文，它是文章的作者。引述對(duì)于引文是可選的。
您的引用顯示在兩條水平線之間，并在其上加上引號(hào)。默認(rèn)設(shè)置以大字體顯示引文，而引文則以常規(guī)粗細(xì)的較小字體顯示。
引文區(qū)塊設(shè)置和選項(xiàng)
引文區(qū)塊包括塊本身和右側(cè)邊欄中的設(shè)置和選項(xiàng)。
引文區(qū)塊工具欄
引文區(qū)塊工具欄位于區(qū)塊上方。當(dāng)您選擇塊時(shí)它會(huì)出現(xiàn)。讓我們仔細(xì)看看。
更改區(qū)塊類型或樣式
您有多種選項(xiàng)可以將塊轉(zhuǎn)換為其他區(qū)塊、樣式等。將其轉(zhuǎn)換為段落、列、組、標(biāo)題、引用或列表。每個(gè)都提供了使用您的內(nèi)容的效果的預(yù)覽。它還具有樣式選項(xiàng)。將鼠標(biāo)懸停在選項(xiàng)上會(huì)顯示它在您的內(nèi)容中的外觀預(yù)覽。在本例中，我將鼠標(biāo)懸停在樣式下的純色選項(xiàng)上。
拖動(dòng)和移動(dòng)
拖動(dòng)工具由6個(gè)點(diǎn)表示。抓住點(diǎn)并將區(qū)塊拖動(dòng)到您想要的任何位置。移動(dòng)工具是向上和向下箭頭。單擊它們以在您的內(nèi)容中上下移動(dòng)區(qū)塊。
更改對(duì)齊方式
對(duì)齊選項(xiàng)包括左對(duì)齊、右對(duì)齊、寬幅和全幅。寬幅和全幅選項(xiàng)僅在您的主題支持它們時(shí)才可用。選擇向左或向右將其放置在屏幕的那一側(cè)。取消選擇您的選項(xiàng)以將其恢復(fù)為居中的默認(rèn)設(shè)置。它適用于段落塊。
例如，將其設(shè)置為左對(duì)齊或右對(duì)齊會(huì)將其下方的段落置于引文區(qū)塊內(nèi)。在此示例中，我將其設(shè)置為居左對(duì)齊，并且下一段中的文本現(xiàn)在環(huán)繞它。
粗體和斜體
粗體和斜體選項(xiàng)會(huì)影響您突出顯示的文本。它們可以一起使用或獨(dú)立使用。在這個(gè)例子中，我在引文中獨(dú)立使用了它們，并在引文中一起使用。
鏈接
將鏈接添加到您突出顯示的任何文本。當(dāng)您輸入U(xiǎn)RL時(shí)，您會(huì)看到基于您之前使用過的建議的建議。您還會(huì)看到在新標(biāo)簽頁中打開鏈接的選項(xiàng)。
在這個(gè)例子中，我添加了引文的鏈接。它在文本下劃線以顯示它是一個(gè)鏈接。
下拉選項(xiàng)
單擊更多選項(xiàng)會(huì)打開一個(gè)下拉框，其中包含7個(gè)用于設(shè)置文本樣式的選項(xiàng)。我已經(jīng)在上面的例子中添加了它們中的每一個(gè)。當(dāng)您單擊它們時(shí)，它們都會(huì)影響您突出顯示的文本。它們包括：
- 內(nèi)聯(lián)代碼– 將文本樣式設(shè)置為看起來像代碼并阻止代碼執(zhí)行。這個(gè)詞這是格式化為內(nèi)聯(lián)代碼。
- 內(nèi)嵌圖像– 將媒體庫中的圖像添加到鼠標(biāo)光標(biāo)所在的位置。
- 鍵盤輸入– 使用鍵盤HTML格式設(shè)置文本樣式。單詞quote使用鍵盤輸入樣式進(jìn)行樣式設(shè)置。
- 刪除線– 在文本中放置一行，就像上圖中的“很棒”這個(gè)詞。
- 下標(biāo)– 使文本比其他文本更低更小，就像上面引文中的字母R一樣。
- 上標(biāo)– 使文本比其他文本更高更小，就像上面引文中的字母A一樣。
- 文本顏色– 允許您更改文本的顏色，例如上面引文中的單詞Brown。當(dāng)工具欄處于活動(dòng)狀態(tài)時(shí)，設(shè)置圖標(biāo)會(huì)更改為工具欄。
對(duì)于顏色選項(xiàng)，從預(yù)先選擇的顏色中選擇或創(chuàng)建自定義顏色。從顏色選擇器中選擇自定義顏色或輸入十六進(jìn)制代碼、RGB代碼或HSL代碼。
選項(xiàng)
包括所有標(biāo)準(zhǔn)選項(xiàng)：
- 隱藏更多設(shè)置 – 隱藏右側(cè)邊欄。
- 復(fù)制– 復(fù)制 Pullquote 塊，以便您可以將其粘貼到內(nèi)容中的任何位置。
- 創(chuàng)建副本– 在原件下添加引文區(qū)塊的副本。
- 在當(dāng)前區(qū)塊前插入– 在引文區(qū)塊塊之前添加一個(gè)空格，您可以在其中添加一個(gè)區(qū)塊。
- 在當(dāng)前區(qū)塊后插入– 在引文區(qū)塊之后添加一個(gè)空格，您可以在其中添加一個(gè)區(qū)塊。
- 移動(dòng)至– 在您的內(nèi)容中放置一條藍(lán)線，您可以將其移動(dòng)到要移動(dòng)引文區(qū)塊的位置，從而輕松移動(dòng)區(qū)塊。
- 作為HTML編輯 – 打開代碼編輯器，您可以在其中編輯HTML。
- 添加至可重用區(qū)塊– 將引文區(qū)塊添加到您的可重用區(qū)塊中，使其易于重用。
- 組合– 將區(qū)塊添加到可以作為單個(gè)單元進(jìn)行調(diào)整的組中。
- 移除區(qū)塊– 刪除引文區(qū)塊。
引文區(qū)塊側(cè)邊欄設(shè)置
側(cè)邊欄設(shè)置包括樣式、顏色和高級(jí)。單擊右上角的齒輪以打開或關(guān)閉側(cè)邊欄。單擊該塊會(huì)將側(cè)欄更改為引文區(qū)塊選項(xiàng)。
樣式
樣式顯示兩個(gè)選項(xiàng)：默認(rèn)樣式和純色樣式。樣式顯示了引文外觀的預(yù)覽。您可以通過在標(biāo)有默認(rèn)樣式的下拉框中單擊它來設(shè)置默認(rèn)樣式。
顏色
顏色選項(xiàng)包括主色和文本顏色。有幾種顏色可用作默認(rèn)顏色，您也可以選擇自定義顏色。對(duì)于自定義顏色，請(qǐng)從顏色選擇器中進(jìn)行選擇或輸入所需的十六進(jìn)制、RGB或HSL顏色。
主要顏色會(huì)影響線的上方和引文的第一個(gè)樣式下方。
對(duì)于第二種樣式，主要顏色會(huì)影響背景。當(dāng)您為背景選擇深色時(shí)，它會(huì)變?yōu)闇\色文本。如果您選擇難以閱讀的顏色組合，它會(huì)讓您知道。
該文本顏色影響引號(hào)，引用來源，和引文。它不會(huì)覆蓋工具欄設(shè)置中設(shè)置的文本顏色。
您可以使用文本顏色設(shè)置來調(diào)整引號(hào)，然后使用工具欄中的顏色設(shè)置來單獨(dú)調(diào)整文本。
高級(jí)
高級(jí)設(shè)置包括HTML錨點(diǎn)和附加CSS類。錨點(diǎn)提供了一個(gè)URL，因此您可以直接鏈接到該區(qū)塊。CSS類字段包括您選擇的樣式，您可以根據(jù)需要添加其他類。
有效使用引文區(qū)塊的技巧和最佳實(shí)踐
- 使用文章本身的文本。
- 謹(jǐn)慎使用它們。
- 不使用標(biāo)題也沒關(guān)系。
- 使用右對(duì)齊或左對(duì)齊使您的引文包裹您的文本。
- 使用寬幅和全幅對(duì)齊選項(xiàng)來創(chuàng)建有趣的標(biāo)題。
- 嘗試兩種樣式，默認(rèn)樣式和純色樣式，看看哪種樣式最適合您的內(nèi)容。使用純色并更改背景顏色以突出顯示。
- 使用顏色使引文更加突出。
關(guān)于引文區(qū)塊的常見問題
引文區(qū)塊和引用區(qū)塊有什么區(qū)別？
引用顯示外部?jī)?nèi)容。引文突出顯示了它所在文章中的一部分文本。 引文區(qū)塊包含更多對(duì)齊選項(xiàng)并且樣式不同。
使用引文區(qū)塊有什么好處？
它使文本具有更加突出的圖形外觀。它還突出顯示文本中的一行以引起注意。
它們可以轉(zhuǎn)換成引用區(qū)塊嗎？
是的，還有一個(gè)段落區(qū)塊、欄目區(qū)塊、組區(qū)塊、標(biāo)題區(qū)塊或列表區(qū)塊。
它們可以用于其他用途嗎？
是的，還有簡(jiǎn)短的教程、腳注、標(biāo)題等。
小結(jié)
這就是我們對(duì)WordPress引文區(qū)塊的看法。引文是為文本添加一些視覺重點(diǎn)的好方法，引文區(qū)塊做得很好。此區(qū)塊易于使用，并為您提供足夠的選項(xiàng)來創(chuàng)建突出的獨(dú)特外觀。它的布局選項(xiàng)適用于您的文本，允許您分割文本、用文本換行，甚至將其用作標(biāo)題。
當(dāng)前題目：古騰堡編輯器教程：如何使用WordPress引文區(qū)塊
文章位置：http://www.dlmjj.cn/article/cdiecsj.html
