如果你希望新增文字的文章或頁面,其顯示內容與輸入內容完全相同,可使用 未格式化文字區塊 。若要建立未格式化文字區塊,按一下區塊 插入器圖示。
![](https://en-support.files.wordpress.com/2018/12/gutenberg-pre-block.png?w=460)
你也可以在空白的段落區塊輸入 /未格式化文字
並按下 Enter 鍵,以快速新增區塊。
你可以在此處取得新增區塊的詳細指示。
使用方式
未格式化文字區塊 與 段落區塊 和 程式碼區塊 有很多相似之處。你可以把未格式化文字區塊想成段落區塊和程式碼區塊的混合體。
未格式化文字區塊 與 段落區塊的相似處在於兩者主要都是顯示文字,但 未格式化文字區塊 顯示的間距和分行符號與輸入的完全相同,這點就與 段落區塊不同。
未格式化文字區塊 與 程式碼區塊的相似處在於兩者都會以等寬字型顯示內容,輕輕鬆鬆就能使文字對齊。但 未格式化文字區塊 還包含樣式和新增超連結 (如下所述) 的功能,這些是 程式碼區塊 沒有的。
區塊工具列
若要顯示區塊工具列,你可以按一下該區塊,工具列隨即顯示。 每個區塊皆提供獨特的工具列圖示和區塊特定的使用者控制項,可讓你在編輯器中直接操作區塊。
![](https://en-support.files.wordpress.com/2018/12/pre-block-toolbar.png?w=460)
工具列包含三個樣式選項:粗體、斜體和刪除線,加上一個超連結按鈕,就與一般的 段落區塊一樣。
區塊設定
除了區塊工具列中的選項以外,編輯器側邊欄也會顯示每個區塊的特定選項。如果看不到側邊欄,請按一下「發佈」按鈕旁的「小齒輪」圖示。
![區塊設定位於側邊欄中。](https://en-support.files.wordpress.com/2018/12/block_setting.png)
未格式化文字區塊 在側邊欄設定中只有一個選項,也就是進階分頁。
你可以使用以下設定調整區塊文字的外觀。
若未看到設定,請按一下「文字設計」右側的三個點來啟用 (如右圖所示)。 接著你就可以選擇要使用的選項:
- 字體大小
- 字型系列
- 外觀
- 行高
- 裝飾
- 字母大小寫
- 字母間距
![「文字設計」下拉式選單](https://en-support.files.wordpress.com/2022/09/typography-dropdown-2.png)
字體大小設定可以調整文字的大小。有小、中、大等預設大小可以任選。
你也可以按一下預設選項上方的滑桿圖示,設定特定的值 (在下方螢幕截圖中標示為 1)。按一下下方螢幕截圖中標示數字 2 的地方,可以變更單位。選項包含像素、em
或 rem
。
![「文字設計」中的字體大小設定](https://en-support.files.wordpress.com/2022/09/font-size-settings-2.png)
字型系列設定可以變更使用的字型樣式。可以從下拉式選單中的字型清單任選。
外觀設定可以將文字樣式變更為一般或斜體、從細變更至特粗。
行高可以設定文字上下的間距。如果選取 0,請務必確認行動版網站上呈現的效果。
裝飾設定提供底線和刪除線選項。
字母大小寫可以將文字設定為全部大寫、首字母大寫,或全部小寫。
字母間距可以設定每個文字字元之間的間距。你可以變更預設單位 (像素) 為百分比、em
、rem
、vw
和 vh
。在此深入瞭解相對單位。
進階
進階分頁可讓你將 CSS 類別新增至區塊,以便編寫自訂 CSS,並視需要設定區塊樣式。深入了解。
![進階區段可讓你新增 CSS 類別到區塊。](https://en-support.files.wordpress.com/2018/12/image3.png)