fbpx
A2 Hosting 主機最新優惠

WordPress 段落區塊 | 文字內容排版

WordPress 的區塊編輯器裡最核心的區塊之一就是「段落區塊」,接近你看到的大量文章內容都是透過它來完成。它跟「標題區塊」和「圖片區塊」的重要性相同。而且它是區塊編輯器的「預設區塊」,當你點擊編輯器的畫面,可以理解成你現在正在使用段落區塊。文字內容會以「輔助的特性」混合在不同的媒介之中,它就是 HTML 裡的 < p > 段落標籤,用來描述一段或整組的文字段落 (paragraph),你可能會錯過一些小細節和容易忽略的應用,讓我一起瞭解這個實用區塊。

什麼是段落區塊 Paragraph Block?

段落工具列擁有靠左對齊文字、文字置中、靠右對齊文字等多種段落功能選項,設定粗體、斜體、超連結等文字格式功能,以及許多其他功能。
什麼是段落區塊 Paragraph Block?

段落工具列擁有靠左對齊文字、文字置中、靠右對齊文字等多種段落功能選項,設定粗體、斜體、超連結等文字格式功能,以及許多其他功能。

步驟一:轉換成其他類型區塊

常見轉換項目包含標題、引文、欄位、詩句、群組和未格式化文字等等。

段落區塊是「預設的區塊」類型

段落區塊是「預設的區塊」類型
段落區塊是「預設的區塊」類型

因為使用率最高的區塊是段落,所以被 WordPress 選為預設值當之無愧,這意味你直接在編輯器輸入文字內容,本身就是使用「段落區塊」之中,無需額外設定或轉換形態。

支援「文字對齊模式 Text alignment」

支援「文字對齊模式 Text alignment」
支援「文字對齊模式 Text alignment」

常見的文字對齊是靠左,也是標題的預設值,不過有些一頁式的網頁,喜歡全部內容置中,當然包含標題也要置中才會平衡。

步驟一:文字對齊模式

選取「文字對齊模式 Text alignment」的符號。提供 3 種方式,分別是 (文字靠左對齊)、(文字置中對齊) 和 (文字靠右對齊)。

粗體、斜體和插入超連結

粗體、斜體和插入超連結
粗體、斜體和插入超連結

一般情況其實不建議新手對標題進行「格式化」處理,我們應該有個良好習慣,就是標題應該統一透過佈景主題或 CSS 設定,而非獨立設定,不然往後維護成本很高和困難。

步驟一:

符號【B】= 粗體和符號【/】= 斜體

步驟二:

點擊連結符號,在彈出選項裡,可以輸入超連結網址、是否另外開新的頁面、設定為 Nofollow 或 Sponsored 的連結屬性。

段落區塊 | 更多選項

段落區塊 | 更多選項
段落區塊 | 更多選項

段落區塊的更多選項包括:

  • 內嵌程式碼
  • 內嵌圖片
  • 分散對齊
  • 刪除線
  • 下標
  • 上標
  • 文字顏色
  • 底線
  • 大寫

大多數選項都很直接明瞭,你一定要先選取文字,然後再從工具列選擇選項。但有兩個選項需要執行多一點步驟才能使用:內嵌圖片和文字顏色

調整標題字體尺寸大小

調整標題字體尺寸大小
調整標題字體尺寸大小

關於標題的字型大小,WordPress 預設提供 5 種選擇,分別是 (小型)、(標準)、(中型)、(大型) 和 (超大型) 等等,當然如果無法滿足你,你也可以在附近的「自訂」直接填入理想的字型大小,但需要注意網站整體的統一性。不過我們過建議不要個別改動,應該統一透過佈景主題和 CSS 處理方為上策。

步驟一:設定主選單

從 5 種字型大小之間選擇。

步驟二:儲存選單

從「自訂」直接填入理想的字型大小。

調整標題文字色彩和背景色彩

調整標題文字色彩和背景色彩
調整標題文字色彩和背景色彩

新版本的 WordPress 提供各種文字和背景色彩配置的選擇,已經發展相對成熟的模組,並不輸主流的 頁面編輯器 太多,但再組部和精準的控制就止步,但一般基礎需要是滿足的。

首字放大和插入 HTML 錨點

首字放大和插入 HTML 錨點
首字放大和插入 HTML 錨點

步驟一:首字放大

在歐美字體排版比較常見,例如國外的報章會把段落第一個字「放大」處理。

步驟二:插入 HTML 錨點

標題區塊裡的「HTML 錨定」是一個建立頁面躍點的實用工具,如果將區塊切換至其 HTML 檢視,你會發現系統以 CSS ID 的形式將「HTML 錨點」輸入內容新增至標題標籤。你也會在區塊 HTML 中看到 CSS 類別。

調整附加的 CSS 類別

調整附加的 CSS 類別
調整附加的 CSS 類別

進階面板讓你將 CSS 類別新增至區塊,以便編寫自訂 CSS,並視需要設定區塊樣式,建議具備 CSS 程式碼的基本知識後再使用此功能。

常見問題 FAQ

怎樣在段落裡插入項目符號、標題、引文或詩句?

可以在段落區塊的工具列裡,使用「轉換成其他類型區塊」轉換成其他文本格式,選項的多少會依靠 WordPress 的改版而增減。

如何改變段落區塊的外觀?

如果標準的外觀設定無法滿足你的需求,請參考《如何文章標題樣式外觀的 CSS 語法》。

參考資料和引用文獻:

學員人數:5,500+ 人(持續增加之中)

中文語系的 WordPress - Facebook 社團列表

發表您的留言

加入我們的 Facebook 學習社團免費的教學資源、交流和解決問題!

是否覺得孤軍作戰和學習很無趣味?
何不加入學習社團和其他
熱愛網站設計的朋友交流?
分享您建站的喜與樂
學習最新的知識和技術