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