引文是文章中引起注意的一個小片段。它非常適合為您的文字新增重點或突出顯示一個短語。它為讀者提供視覺幫助。WordPress有一個專為此目的設計的引文區塊。
在本教學中，我們將介紹引文區塊，瞭解如何將其新增到文章和頁面，檢視使用它的提示和最佳實踐，以及常見問題。
如何將引文區塊新增到文章或頁面
要新增引文區塊，請單擊要放置塊的位置或左上角的塊插入器。搜尋“引文”並選擇它。或者，您可以輸入/pullquote並在要放置塊的位置按 Enter 鍵。
引文區塊將新增到您的內容中，您可以在其中新增文章中的引用。
要使用它，只需輸入您希望它在顯示新增引用的位置顯示的文字。在此下方是另一行標記為新增引述的文字，您將在其中新增您要引用的人的姓名，對於引文，它是文章的作者。引述對於引文是可選的。
您的引用顯示在兩條水平線之間，並在其上加上引號。預設設定以大字型顯示引文，而引文則以常規粗細的較小字型顯示。
引文區塊設定和選項
引文區塊包括塊本身和右側邊欄中的設定和選項。
引文區塊工具欄
引文區塊工具欄位於區塊上方。當您選擇塊時它會出現。讓我們仔細看看。
更改區塊型別或樣式
您有多種選項可以將塊轉換為其他區塊、樣式等。將其轉換為段落、列、組、標題、引用或列表。每個都提供了使用您的內容的效果的預覽。它還具有樣式選項。將滑鼠懸停在選項上會顯示它在您的內容中的外觀預覽。在本例中，我將滑鼠懸停在樣式下的純色選項上。
拖動和移動
拖動工具由6個點表示。抓住點並將區塊拖動到您想要的任何位置。移動工具是向上和向下箭頭。單擊它們以在您的內容中上下移動區塊。
更改對齊方式
對齊選項包括左對齊、右對齊、寬幅和全幅。寬幅和全幅選項僅在您的主題支援它們時才可用。選擇向左或向右將其放置在螢幕的那一側。取消選擇您的選項以將其恢復為居中的預設設定。它適用於段落塊。
例如，將其設定為左對齊或右對齊會將其下方的段落置於引文區塊內。在此示例中，我將其設定為居左對齊，並且下一段中的文字現在環繞它。
粗體和斜體
粗體和斜體選項會影響您突出顯示的文字。它們可以一起使用或獨立使用。在這個例子中，我在引文中獨立使用了它們，並在引文中一起使用。
連結
將連結新增到您突出顯示的任何文字。當您輸入URL時，您會看到基於您之前使用過的建議的建議。您還會看到在新標籤頁中開啟連結的選項。
在這個例子中，我新增了引文的連結。它在文字下劃線以顯示它是一個連結。
下拉選項
單擊更多選項會開啟一個下拉框，其中包含7個用於設定文字樣式的選項。我已經在上面的例子中新增了它們中的每一個。當您單擊它們時，它們都會影響您突出顯示的文字。它們包括：
- 內聯程式碼– 將文字樣式設定為看起來像程式碼並阻止程式碼執行。這個詞這是格式化為內聯程式碼。
- 內嵌影象– 將媒體庫中的影象新增到滑鼠游標所在的位置。
- 鍵盤輸入– 使用鍵盤HTML格式設定文字樣式。單詞quote使用鍵盤輸入樣式進行樣式設定。
- 刪除線– 在文字中放置一行，就像上圖中的“很棒”這個詞。
- 下標– 使文字比其他文字更低更小，就像上面引文中的字母R一樣。
- 上標– 使文字比其他文字更高更小，就像上面引文中的字母A一樣。
- 文字顏色– 允許您更改文字的顏色，例如上面引文中的單詞Brown。當工具欄處於活動狀態時，設定圖示會更改為工具欄。
對於顏色選項，從預先選擇的顏色中選擇或建立自定義顏色。從顏色選擇器中選擇自定義顏色或輸入十六進位制程式碼、RGB程式碼或HSL程式碼。
選項
包括所有標準選項：
- 隱藏更多設定 – 隱藏右側邊欄。
- 複製– 複製 Pullquote 塊，以便您可以將其貼上到內容中的任何位置。
- 建立副本– 在原件下新增引文區塊的副本。
- 在當前區塊前插入– 在引文區塊塊之前新增一個空格，您可以在其中新增一個區塊。
- 在當前區塊後插入– 在引文區塊之後新增一個空格，您可以在其中新增一個區塊。
- 移動至– 在您的內容中放置一條藍線，您可以將其移動到要移動引文區塊的位置，從而輕鬆移動區塊。
- 作為HTML編輯 – 開啟程式碼編輯器，您可以在其中編輯HTML。
- 新增至可重用區塊– 將引文區塊新增到您的可重用區塊中，使其易於重用。
- 組合– 將區塊新增到可以作為單個單元進行調整的組中。
- 移除區塊– 刪除引文區塊。
引文區塊側邊欄設定
側邊欄設定包括樣式、顏色和高階。單擊右上角的齒輪以開啟或關閉側邊欄。單擊該塊會將側欄更改為引文區塊選項。
樣式
樣式顯示兩個選項：預設樣式和純色樣式。樣式顯示了引文外觀的預覽。您可以通過在標有預設樣式的下拉框中單擊它來設定預設樣式。
顏色
顏色選項包括主色和文字顏色。有幾種顏色可用作預設顏色，您也可以選擇自定義顏色。對於自定義顏色，請從顏色選擇器中進行選擇或輸入所需的十六進位制、RGB或HSL顏色。
主要顏色會影響線的上方和引文的第一個樣式下方。
對於第二種樣式，主要顏色會影響背景。當您為背景選擇深色時，它會變為淺色文字。如果您選擇難以閱讀的顏色組合，它會讓您知道。
該文字顏色影響引號，引用來源，和引文。它不會覆蓋工具欄設定中設定的文字顏色。
您可以使用文字顏色設定來調整引號，然後使用工具欄中的顏色設定來單獨調整文字。
高階
高階設定包括HTML錨點和附加CSS類。錨點提供了一個URL，因此您可以直接連結到該區塊。CSS類欄位包括您選擇的樣式，您可以根據需要新增其他類。
有效使用引文區塊的技巧和最佳實踐
- 使用文章本身的文字。
- 謹慎使用它們。
- 不使用標題也沒關係。
- 使用右對齊或左對齊使您的引文包裹您的文字。
- 使用寬幅和全幅對齊選項來建立有趣的標題。
- 嘗試兩種樣式，預設樣式和純色樣式，看看哪種樣式最適合您的內容。使用純色並更改背景顏色以突出顯示。
- 使用顏色使引文更加突出。
關於引文區塊的常見問題
引文區塊和引用區塊有什麼區別？
引用顯示外部內容。引文突出顯示了它所在文章中的一部分文字。 引文區塊包含更多對齊選項並且樣式不同。
使用引文區塊有什麼好處？
它使文字具有更加突出的圖形外觀。它還突出顯示文字中的一行以引起注意。
它們可以轉換成引用區塊嗎？
是的，還有一個段落區塊、欄目區塊、組區塊、標題區塊或列表區塊。
它們可以用於其他用途嗎？
是的，還有簡短的教學、腳註、標題等。
小結
這就是我們對WordPress引文區塊的看法。引文是為文字新增一些視覺重點的好方法，引文區塊做得很好。此區塊易於使用，併為您提供足夠的選項來建立突出的獨特外觀。它的佈局選項適用於您的文字，允許您分割文字、用文字換行，甚至將其用作標題。
評論留言