前言介紹
- 這款 WordPress 外掛「Icon Box Block – Insert your favorite icon with customization and design」是 2025-08-05 上架。
- 目前有 200 個安裝啟用數。
- 上一次更新是 2026-01-25，距離現在已有 32 天。
- 外掛最低要求 WordPress 6.5 以上版本才可以安裝。
- 外掛要求網站主機運作至少需要 PHP 版本 7.2 以上。
- 尚未有人給過這款外掛評分。
- 還沒有人在論壇上發問，可能目前使用數不多，還沒有什麼大問題。
外掛協作開發者
外掛標籤
block | icon list | Font Awesome | feature block | info box block |
內容簡介
總結：
Icon Box 外掛是為了展示核心服務、突顯產品特色、建立「為什麼選擇我們」區域、說明逐步流程、使聯絡資訊更具吸引力以及總結文章要點而設計。這個外掛提供了豐富的功能和設置，讓您能輕鬆地打造獨特的網站內容。
問題與答案：
1. Icon Box 外掛的目的是什麼？
- 回答：Icon Box 外掛的目的是為了展示核心服務、突顯產品特色、建立「為什麼選擇我們」區域、說明逐步流程、使聯絡資訊更具吸引力以及總結文章要點。
2. 透過 Icon Box 外掛，可以如何將服務或產品特色呈現？
- 回答：透過 Icon Box 外掛，可以建立視覺上吸引人的公司服務網格，每個服務均配有相關圖示，讓客戶一目瞭然；或者分解具體功能要素並加上相應圖示，使其易於掃覽和消化。
3. 如何運用 Icon Box 外掛來說明逐步流程？
- 回答：您可以使用 Icon Box 外掛來引導使用者通過流程，例如建立一個「操作步驟」區域。每個步驟均配有獨特圖示，使流程更加清晰。
4. Icon Box 外掛提供了哪些功能？
- 回答：Icon Box 外掛可以從常用庫中顯示圖示，應用普通和懸停顏色，設置圖示大小以及框大小，更換圖示框的對齊方式等。此外，還可以設置進階選項如填充、邊距、背景等風格。
5. 安裝 Icon Box 外掛的步驟是什麼？
- 回答：請先安裝 Icon Box 外掛，然後在 Gutenberg 編輯器的媒體區塊類別中加入 Icon Box 區塊，最後從右側的設置側欄自定區塊設定。
原文外掛簡介
🤝 See Demos 🤝
Ever find yourself wanting a simple, clean way to showcase features or services on your site? The Icon Box block is just for that. It’s a straightforward block for the Gutenberg editor that lets you pair a stylish icon inside a fully customizable box.
Our goal was to make it incredibly flexible without overwhelming users with options. You can build beautiful, professional-looking sections with the Icon Box that fit your site’s look and feel perfectly.
The Icon Box plugin is for:
Showcasing Your Core Services: Instead of a boring bulleted list, you can create a visually engaging grid of your company’s services, each with a relevant icon, making it easier for customers to understand what you do at a glance.
Highlighting Key Product Features: On a sales or product page, use icon boxes to break down features (e.g., “Long Battery Life” with a battery icon, “Encrypted” with a shield icon) to make them easily scannable and digestible for potential buyers.
Creating a “Why Choose Us?” Section: Quickly communicate your main value propositions. Pair an icon with a benefit like “24/7 Support,” “Free Shipping,” or “Expert Team” to build trust and convince visitors.
Illustrating a Step-by-Step Process: Visually guide users through a process, such as a “How it Works” section. For example: (1) Sign Up, (2) Create Your Profile, (3) Go Live! Each step is clearer with its own icon.
Making Contact Information More Engaging: Organize your phone number, email, and physical address into clean, separate boxes, each with a recognizable icon. It’s much more user-friendly than a simple line of text.
Summarizing Key Takeaways in an Article: Break up long blog posts or articles by using icon boxes to summarize the main points or benefits, helping to improve reader engagement and information retention.
Download the Icon Box plugin today and take your website to the next level!
🌟 Unlock More Flexibility! Use the Blocks to ShortCode plugin to **convert any blocks into shortcodes and embed them anywhere! 🚀**
Icon Box Features
👉 Display icon from popular libraries: Import the icon from built in font awesome and bootstrap libraries.
👉 Colors: Apply the normal and hover color for the icon.
👉 Size: Apply the icon size as well as the box width and height to match your design.
👉 Alignment: Change the alignment of the icon box to the left, center, or right.
👉 Advanced Options: Set advanced styles/options like padding, margin, background, hover background, border, shadow, transforms, transitions, animate on scroll, and more.
How to use Icon Box
Begin by installing the Icon Box plugin.
Add the Icon Box block from the Media block category within the Gutenberg Editor.
Customize block settings from the settings sidebar on the right.
Enjoy!
For installation assistance, click on the Installation tab.
Feedback
Did you find this plugin helpful or have any concerns? Do you have a feature request? Please share your feedback with us
各版本下載點
- 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
- 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「Icon Box Block – Insert your favorite icon with customization and design」來進行安裝。
（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。
延伸相關外掛（你可能也想知道）
Icon List Block – Add Icon-Based Lists with Custom Styles 》使用這個區塊外掛來建立帶有圖示的清單。如果您想要建立帶有圖示的清單，這個外掛就是為您而設計的。它提供了許多選項以滿足您的需求。, 範例, 特色, , 完全...。
Icon List 》Icon List WordPress外掛程式提供一個強大且靈活的小工具，可以使用帶有圖示的標準清單。它可以用於以酷炫的圖示顯示各種信息，例如：, , 更專業地使用地址/...。
Safelayout Elegant Icons – WordPress icons 》- Safelayout Elegant Icons 是一個方便易用且功能強大的 WordPress 外掛，可在 WordPress 區塊編輯器中添加圖示區塊。, - 透過 Safelayout Elegant Icons，...。
WP Responsive Icons List Carousel 》WP Responsive Icons List Carousel 插件是用於透過此短碼 ‘[Iconlist-icons]’ 添加圖示的外掛程式。更多資訊請參考此連結 http://www.wptutoria...。