Block 彙整 | Page 3 of 6

社交網路服務圖示區塊 | 擴闊網絡版圖

2022 年 8 月 11 日2021 年 10 月 15 日作者: Mack Chan

如果網站站長希望在 WordPress 網站裡插入不同「社交媒體的圖示 icon」等等，從前我們需要透過專門處理這類需求的外掛如 AddToAny 去導入在網站不同的區塊，但隨著區塊編輯器不斷的變強，現在你可以輕鬆拖拉出相關區塊即可，然後選擇自己心儀的社交平台和貼上對應的連結，並選擇不同的色彩和外觀樣式，就可以輕鬆解決這類複雜的問題，而不需要額外安裝多餘的外掛。

WordPress 傳統區塊 | 相容舊版文章編輯器

2022 年 7 月 6 日2021 年 10 月 15 日作者: Mack Chan

相信大家都知道《區塊編輯器》是用來取代《傳統編輯器》的存在，但在前者之中卻可以包容後者在其中，這就是我們這次探討的「WordPress 傳統區塊」的應用。舊版文章編輯器是基於開源的 TinyMCE 項目，提供簡單的文書編輯和格式化排版，關於相關的應用可以參考我們相關的教學文章和研究，比較值得注意是這個「區塊 Block」是唯一不提供區塊設定的功能，它單純是讓舊版的內容相容於新版編輯器。

WordPress 分隔符號區塊 | 分割不同的版面元素和空間

2022 年 7 月 6 日2021 年 10 月 9 日作者: Mack Chan

水平分隔線或稱為分隔符號是基礎的 WordPress 文章和頁面組成元素，能夠協助你輕輕分割長篇的內容和版面。清晰和分明的內容結構，可以減少讀者的跳出率，更加可以提供良好的用戶體驗。在文章編輯器中新增「分隔符號」是新手可以輕易辦到的事情，一般 WordPress 用家還可以配上區塊編輯器裡的空白間隔區塊功能，讓整體的版面清新和舒服。

WordPress 空白間隔區塊 | 調整空間感和留白

2022 年 7 月 6 日2021 年 10 月 1 日作者: Mack Chan

由於暫時基礎的 WordPress《區塊編輯器》並沒有提供 CSS 的「Margins 邊界」和「Padding 邊距」的相關參數設定，導致在控制不同元素和物件時會帶來一些不便。例如最常見就是段落之間的間距，一般我們希望提供一些留白空間，讓讀者知道段落和句子的開始點和完結點在那，不然長篇文章會堆疊在一起，影響文章的可讀性和結構性會變得較差。讓我們一起研究如何使用「空白間隔區塊」去讓不同段落差生明顯的區隔和留白。

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

2022 年 7 月 6 日2021 年 9 月 24 日作者: Mack Chan

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

WordPress 標題區塊 | 級距、美化和排版

2022 年 7 月 6 日2021 年 9 月 22 日作者: Mack Chan

知名的 Yoast SEO 的分析報告指出，我們應該在文章裡「每 300 至 600 個文字」之間，適當地加上合適和貼切主題的「標題 Heading」。在今天的文章之中，我們將會介紹 WordPress 的標題標籤如何協助你的文章「提高可讀性」和「強化搜尋引擎最佳化」。在 WordPress 區塊編輯器裡新增標題和把段落轉換為標題都非常方便。在文章最後會提供一些進階和相關的教學，例如關於「標題標籤 SEO」和透過 CSS「美化文章標題」。區塊編輯器會自動化處理搜尋引擎最佳化的版面配置，方法是將文章或頁面標題視為 H1 標題標籤，而後續的標題區塊則會從 H2 的次標題開始，如此類推。但你可以自由地根據工具列中的樣式或區塊設定來選擇你的標題層級。