Favicon 是「Favorites 喜愛」+「Icon 圖示」的縮寫，亦被稱為 Website Icon (網站圖示)、Page Icon (頁面圖示) 或 URL Icon (URL 圖示)。Favicon 是與某個網站或網頁相關聯的圖示。網站設計者可以多種方式建立這種圖示，而目前也有很多網頁瀏覽器支援此功能。瀏覽器可以將 Favicon 顯示於瀏覽器的網址列中，也可置於書籤列表的網站名前，還可以放在標籤式瀏覽介面中的頁標題前。幫助用戶輕鬆識別您的部落格或企業。它可以幫助提高品牌知名度，甚至增強網站的用戶體驗 (UX) 等的好處。
當你透過各類網絡行銷、SEO、社群平台或付費廣告把目標訪客帶到來你的網站，除了吸收你製作的高價值內容和多媒體之外，如何讓訪客執行最重要的轉換操作？按鈕區塊 能夠輕鬆引導你的訪問者去他們想去的地方，並幫助你提高參與度和轉化率等的目標，使用按鈕區塊可以提示訪客按一下按鈕的連結並採取行動。這也是製作成功的 Call to Action (行動呼籲) 頁面的關鍵元素，透過簡單易用的 WordPress 區塊編輯器 即可以輕鬆達成這一目的。
如果你已經瞭解《圖片區塊元素》的基礎應用，那麼應該會對如何使用和新增《圖庫區塊 Gallery Block》感到興趣，WordPress 區塊編輯器 提供不少的選項供你調整和修改。透過調整圖片和部署它們的「排列方式」和「圖片外觀」設定，可以讓很小的版面空間，呈現令人觀艷的視覺效果。但這並不需要額外安裝任何強化功能外掛，讓我們一起瞭解這個常用的區塊應用吧。
一般閱讀的文章是由標題和段落文字組成，如果是長篇內容，容易讓讀者感到沉悶。這時候你可以試試適當加入不同的 多媒體 (Multimedia) 來豐富你的內容，最常見就是我們這次介紹的圖片區塊元素，因為相對於動畫或影片，圖片的製作相對輕鬆和容易，也是各種內容最傳統的表現方式之一。WordPress 區塊編輯器 提供不少的選項供你調整和修改，適當設定圖片和部署也有利於網站的 SEO 評分。
Stackable 區塊組合套件是從 2018 年最早投入《區塊編輯器》生態圈的開發廠方，直至 2022 年左右，已經正式推出第三代 V3 版本，暫時在 WordPress 的 (區塊 Block) 領域裡屬于發展非常成熟的專業外掛，那怕你用於客戶或接案項目也不太會出現嚴重問題。而且提供 (免費 Free) 版本給予所有 WordPress 愛好者使用。免費版就有高達 33 個功能強大的自訂區塊，足夠大部分網站的基礎需求，再加上大量立即套用的設計 (範本 Templates) 模組，相信它能夠成為你值得信賴的好夥伴和得力助手，新手也可以設計出讓人驚豔的專業網站。
如果網站站長希望在 WordPress 網站裡插入不同「社交媒體的圖示 icon」等等，從前我們需要透過專門處理這類需求的外掛如 AddToAny 去導入在網站不同的區塊，但隨著區塊編輯器不斷的變強，現在你可以輕鬆拖拉出相關區塊即可，然後選擇自己心儀的社交平台和貼上對應的連結，並選擇不同的色彩和外觀樣式，就可以輕鬆解決這類複雜的問題，而不需要額外安裝多餘的外掛。
相信大家都知道《區塊編輯器》是用來取代《傳統編輯器》的存在，但在前者之中卻可以包容後者在其中，這就是我們這次探討的「WordPress 傳統區塊」的應用。舊版文章編輯器是基於開源的 TinyMCE 項目，提供簡單的文書編輯和格式化排版，關於相關的應用可以參考我們相關的教學文章和研究，比較值得注意是這個「區塊 Block」是唯一不提供區塊設定的功能，它單純是讓舊版的內容相容於新版編輯器。
水平分隔線或稱為分隔符號是基礎的 WordPress 文章和頁面組成元素，能夠協助你輕輕分割長篇的內容和版面。清晰和分明的內容結構，可以減少讀者的跳出率，更加可以提供良好的用戶體驗。在文章編輯器中新增「分隔符號」是新手可以輕易辦到的事情，一般 WordPress 用家還可以配上 區塊編輯器 裡的 空白間隔區塊 功能，讓整體的版面清新和舒服。
由於暫時基礎的 WordPress《區塊編輯器》並沒有提供 CSS 的「Margins 邊界」和「Padding 邊距」的相關參數設定， 導致在控制不同元素和物件時會帶來一些不便。例如最常見就是段落之間的間距，一般我們希望提供一些留白空間，讓讀者知道段落和句子的開始點和完結點在那，不然長篇文章會堆疊在一起，影響文章的可讀性和結構性會變得較差。讓我們一起研究如何使用「空白間隔區塊」去讓不同段落差生明顯的區隔和留白。
WordPress 的區塊編輯器裡最核心的區塊之一就是「段落區塊」，接近你看到的大量文章內容都是透過它來完成。它跟「標題區塊」和「圖片區塊」的重要性相同。而且它是區塊編輯器的「預設區塊」，當你點擊編輯器的畫面，可以理解成你現在正在使用段落區塊。文字內容會以「輔助的特性」混合在不同的媒介之中，它就是 HTML 裡的 < p > 段落標籤，用來描述一段或整組的文字段落 (paragraph)，你可能會錯過一些小細節和容易忽略的應用，讓我們一起瞭解這個實用區塊。
是否覺得孤軍作戰和學習很無趣味？
何不加入學習社團和其他
熱愛網站設計的朋友交流？
分享您建站的喜與樂
學習最新的知識和技術
