建站
咨詢
售后
建站咨詢
新聞中心
預格式區(qū)塊顯示您鍵入的文本。這意味著您可以在文本中包含空格和換行符。了解如何使用預格式區(qū)塊可為您提供多種優(yōu)勢，例如將文本的各個部分分開并創(chuàng)建突出的元素。幸運的是，此區(qū)塊包含多個樣式選項，并且易于使用。
在本教程中，我們將介紹wordpress預格式區(qū)塊。我們將了解如何將其添加到文章和頁面，并查看其選項和設置。我們還將看到一些使用它的最佳實踐，以及最常見的問題。
如何將預先格式區(qū)塊添加到文章或頁面
通過單擊區(qū)塊插入器工具將預格式化區(qū)塊添加到您的內容中。您會在左上角和內容區(qū)域中找到它。搜索預格式并單擊Enter。
您還可以通過鍵入/preformatted并在您希望它出現(xiàn)的內容區(qū)域中按 Enter來添加區(qū)塊。在您鍵入時，WordPress會根據(jù)您輸入的字母提供建議，因此您只需在看到該區(qū)塊時單擊它即可。
預格式區(qū)塊現(xiàn)在已添加到文章或頁面。預格式區(qū)塊類似于段落區(qū)塊、詩篇區(qū)塊和代碼區(qū)塊。這是它們之間的一種交叉，但它也簡化了它們。它顯示您鍵入的文本，但不會更改格式，而是保留它。這包括所有空格和換行符。它以等寬字體顯示。
預格式區(qū)塊設置和選項
與大多數(shù)WordPress區(qū)塊一樣，該區(qū)塊包含一個設置工具欄和側邊欄中的選項。這是兩者的近距離觀察。
預格式區(qū)塊工具欄設置
工具欄位于區(qū)塊上方，包含大多數(shù)標準工具。
更改區(qū)塊類型或樣式
此區(qū)塊可以轉換為其他幾個區(qū)塊，包括段落區(qū)塊、組區(qū)塊、欄目區(qū)塊和代碼區(qū)塊。突出顯示選項會顯示您的內容的外觀預覽。
拖動和移動
拖動工具顯示為6個點。抓住這個區(qū)域，您可以將區(qū)塊拖放到內容中的任何位置。每次單擊箭頭時，向上和向下移動箭頭都會在內容中向上或向下移動一個區(qū)塊。
粗體、斜體和鏈接
粗體、斜體和鏈接設置控制單擊按鈕時突出顯示的文本。您可以單獨或一起使用它們。您可以通過在鏈接彈出窗口底部啟用鏈接來在新選項卡中打開鏈接。
帶有鏈接的文本帶有下劃線以表明它是可點擊的。單擊編輯器中的文本會打開鏈接編輯器，您可以在其中更改鏈接。
下拉選擇
“更多”下拉按鈕包括多個格式選項，這些選項適用于您單擊該選項時突出顯示的文本。選項包括：
- 內聯(lián)代碼– 這使您的文本看起來像代碼，并防止區(qū)塊中的任何代碼執(zhí)行。預格式這個詞是上圖中的內聯(lián)代碼。
- 內嵌圖像– 這使您可以將媒體庫中的圖像放置在鼠標光標所在的位置。
- 鍵盤輸入– 使用鍵盤HTML格式設置文本樣式。文字文字在上圖中使用鍵盤輸入樣式進行樣式設置。
- 刪除線– 這會在文本中放置一行。上圖中的等寬字有刪除線。
- 下標– 這會將文本設置為比其他文本更低更小。上圖中的你這個詞是一個下標。
- 上標– 這將比其他設置更高和更小。上圖中的字線是上標。
- 文本顏色– 這讓您可以更改文本的顏色，就像我在上圖中對單詞Divisions所做的那樣。
更多選項
預格式區(qū)塊選項包括：
- 隱藏更多設置– 這將隱藏或顯示右側邊欄。
- 復制– 這會復制預格式區(qū)塊，以便您可以將其粘貼到內容中的其他位置。
- 創(chuàng)建副本– 這會將預格式區(qū)塊的副本放在原始區(qū)塊下。
- 在當前區(qū)塊前插入– 這會在區(qū)塊上方為另一個區(qū)塊添加一個空格。
- 在當前區(qū)塊后插入– 這會在區(qū)塊下方為另一個區(qū)塊添加一個空格。
- 移動至– 這會放置一條藍線，您可以使用箭頭向上或向下移動，并將您的區(qū)塊移動到您選擇的位置。
- 編輯作為HTML編輯 – 這將打開代碼編輯器，以便您可以將內容編輯為HTML。
- 添加至可重用區(qū)塊– 這會將您的預格式化區(qū)塊添加到您的可重用區(qū)塊中。
- 組合– 這會將區(qū)塊添加到組中，以便您可以將它們作為單個區(qū)塊進行調整。
- 移除區(qū)塊– 這將刪除區(qū)塊。
預格式區(qū)塊設置
預格式區(qū)塊設置位于右側邊欄中。如果未顯示，請單擊右上角的齒輪。單擊區(qū)塊內的任意位置以查看其側邊欄選項。
排版
排版可讓您選擇整個區(qū)塊的字體大小。從下拉框中選擇尺寸或輸入自定義尺寸。單擊重置可恢復為默認設置。
顏色
顏色選項可讓您設置文本和背景顏色的樣式。背景可以是純色或漸變色。您可以從多種預選顏色中進行選擇或選擇自定義顏色。如果顏色組合可能難以閱讀，您會在右下角看到一條消息。在本例中，我將背景設置為橙色，將文本設置為白色。這表明它可能難以閱讀。
漸變背景可以設置為線性或徑向。使用顏色選擇器選擇兩種顏色或輸入顏色為 RGB 或 HSL 代碼。顏色可以包括不透明度。對于線性，您可以設置角度，就像我在上面的示例中所做的那樣。將它們靠近在一起以在它們之間創(chuàng)建一條清晰的線，就像我所做的那樣，或者進一步分開以控制它們的混合方式。
高級
高級設置包括一個 HTML錨點選項，因此您可以直接鏈接到預格式區(qū)塊。它還包括一個用于添加CSS 類的字段，以便您可以使用自定義CSS來設置區(qū)塊的樣式。
有效使用預格式區(qū)塊的技巧和最佳實踐
任何時候您想在您的內容中添加空格或分行時，都可以使用此區(qū)塊。段落區(qū)塊不保留該格式。
為文本和背景使用顏色以將其與其他內容區(qū)分開來。這也防止它看起來與代碼區(qū)塊相同，這很重要，因為兩者都使用等寬類型。
用它來強調你的文本。由于它可以保留空格和行分割，因此可以用來將文本的一部分與其余部分分開。
使用間距和分割以及字體和背景選項來創(chuàng)建獨特的標題來分隔您的內容。
關于預格式區(qū)塊的常見問題
預格式區(qū)塊的目的是什么？
顯示帶有換行符和空格的文本，同時能夠更改字體大小、顏色和背景，并添加鏈接。
它與詩篇區(qū)塊有何不同？
詩篇區(qū)塊有點復雜。它包括對齊選項并且不以等寬顯示文本。它還包括一些間距功能并為鏈接添加顏色選項。
它與代碼區(qū)塊有何不同？
它包括背景的樣式選項。雖然代碼區(qū)塊在“更多選項”中有一個字體顏色選項，在側邊欄中有一個字體顏色選項，但它在側邊欄選項中不包括字體和顏色
它與段落區(qū)塊有什么不同？
段落區(qū)塊不會保留您的換行符。在預格式化塊中，您可以通過單擊Enter向文本添加新行。對于段落區(qū)塊，這會將您帶到一個字段以添加新區(qū)塊。段落區(qū)塊還包括更多文本設置。
它可以用來做什么？
間距和分行顯示的文本與您的其余內容不同。字體和背景顏色可以為服務、引用（盡管引用區(qū)塊和引文區(qū)塊可能是更好的選擇）、推薦、號召性用語等創(chuàng)建卡片。
小結
這就是我們對WordPress預格式區(qū)塊的看法。該區(qū)塊通過保留間距和線劃分為您提供了一些有趣的設計功能。與代碼區(qū)塊不同，您仍然可以使用背景顏色工具。這個區(qū)塊是一個很好的選擇，可以幫助你的文本脫穎而出，它甚至可以用來創(chuàng)建設計元素來展示你的服務并引起人們對某些東西的注意。
當前題目：古騰堡編輯器教程：如何使用WordPress預格式區(qū)塊
路徑分享：http://www.fisionsoft.com.cn/article/djecpeg.html
