Block Icons 外掛程式在 WordPress 網站輕鬆導入數千款 Google 專業圖示,讓網頁設計質感加分。
在設計現代化的網頁時,直覺的「圖示(Icons)」是引導訪客視覺、提升使用者體驗(UX)的關鍵。然而,手動上傳 SVG 檔案不僅繁瑣,更可能因為未經最佳化而拖慢網頁速度。
Block Icons: Google Library Collection 是一款專為 WordPress 區塊編輯器(Gutenberg)打造的擴充外掛。它將 Google 官方龐大的 Material Symbols 庫直接整合進編輯介面,讓使用者無需離開編輯畫面,就能一鍵插入數千款具備專業設計感的圖示。
為什麼這款圖示外掛是設計師與小編的必備工具?
這款外掛程式解決了網頁素材管理的痛點,讓視覺最佳化變得更加簡單:
1. 完美整合區塊編輯器 (Gutenberg)
這款外掛不是獨立的工具,而是直接融入 WordPress 原生的編輯流程中。不論是在撰寫文章還是設計頁面,都能像新增段落一樣,輕鬆搜尋並插入圖示,實現工作流的最佳化。
2. 三種風格與數千款選擇
Google 的 Material Symbols 提供了「Outlined(輪廓)」、「Rounded(圓角)」與「Sharp(銳利)」三種不同的設計風格。這讓你可以根據網站的佈景主題氣氛,挑選最契合的圖示語彙,維持品牌視覺的一致性。
3. 極致的自訂彈性
插入圖示後,可以直接在編輯器的側邊欄進行各種最佳化調整:
尺寸控制: 隨意縮放大小以配合標題或內文。
配色方案: 自由更改圖示顏色,完美匹配品牌主色調。
粗細與填滿: 調整圖示線條的權重,打造最細膩的視覺層次。
4. 高效能與開發者友善
與傳統的「圖示字型(Icon Fonts)」不同,這款外掛採用 SVG 格式輸出。這意味著瀏覽器僅需載入該頁面出現的特定圖示,大幅減少了多餘的請求,對網站的連線速度有著顯著的最佳化效果。
💡 總結
Block Icons: Google Library Collection 的核心價值在於「化繁為簡」。對於需要頻繁產出懶人包或活動頁面的站長來說,這款工具提供了極大的便利性。透過高品質圖示的最佳化配置,你能以最低的成本,大幅提升網站的專業度與溝通效率。
外掛程式名稱: Block Icons: Google Library Collection
外掛程式網址: https://wordpress.org/plugins/block-icons-google/
