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