前言介紹
- 這款 WordPress 外掛「Material Design Icons」是 2015-04-15 上架。 目前已經下架不再更新，不建議安裝使用。
- 目前有 600 個安裝啟用數。
- 上一次更新是 2015-08-19，距離現在已有 3545 天。超過一年沒更新，安裝要確認版本是否可用。以及後續維護問題！
- 外掛最低要求 WordPress 3.0.1 以上版本才可以安裝。
- 有 3 人給過評分。
- 還沒有人在論壇上發問，可能目前使用數不多，還沒有什麼大問題。
外掛協作開發者
外掛標籤
ui | icons | font icon | icon font | material design |
內容簡介
這款外掛可以在 WordPress 的頁面和文章中使用超過 1000 個 Material Design 圖示，使用者可以透過簡易的縮寫或 HTML 標籤插入圖示。
功能
縮寫產生器 - 包含易於使用的 TinyMCE 彈出式縮寫產生器。
使用方法
Material Design 圖示有三種不同的使用方式：縮寫、HTML和 TinyMCE。
1. 縮寫
[mdi-icon name="material-ul" size="2x" color="red"]
您也可以使用十六進位色碼的方式設定顏色：
[mdi-icon name=”material-ul” size=”2x” color=”#000000″]
您可以在 Github 上查看更多縮寫的使用方法。
2. TinyMCE
當您在 TinyMCE 的視覺化模式中編輯時，Material Design 圖示也提供了一個彈出式視窗。請查看我們的 屏幕截圖 以查看它的外觀。
3. HTML
請注意，HTML 使用時需要加入前綴。因此，建議使用縮寫方式而非使用 HTML。HTML 版本如下：
原文外掛簡介
Enables 1000+ Material Design icons within WordPress pages and posts. Icons can be inserted with a shortcode or HTML markup.
Features
Shortcode generator – includes an easy-to-use TinyMCE pop-up shortcode generator.
Usage
Material Design Icons can be used in 3 different ways: shortcode, HTML, and TinyMCE
1. Shortcode
[mdi-icon name="material-ul" size="2x" color="red"]
You can also use hex values for color:
[mdi-icon name=”material-ul” size=”2x” color=”#000000″]
You can read more about shortcode usage on Github
2. TinyMCE
Material Design Icons also provides you with a pop-up window when editing in TinyMCE’s visual mode. Check out our Screenshots to see what it looks like.
3. HTML
Note that prefixes are required for HTML usage. For this reason, shortcode usage is encouraged over HTML. A HTML version would look like:
各版本下載點
- 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
- 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「Material Design Icons」來進行安裝。
（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。
0.0.2 | 0.0.3 | 0.0.4 | 0.0.5 | trunk | 0.0.3.1 | 0.0.3.2 |
延伸相關外掛（你可能也想知道）
WP Font Awesome 》此外掛可讓您輕鬆地透過 HTML 或內建的簡碼處理器，嵌入 Font Awesome 圖示至您的網站。, 功能, , 支援簡碼。範例：對於 Font Awesome 5 [wpfa5s icon=""]、[...。
Elegant Themes Icons 》這個外掛讓您輕鬆地在 WordPress 網站上整合 Elegant Themes 字型圖標集。只需安裝這個外掛，您就可以開始使用。圖標可使用 HTML 標籤或短代碼插入。, 您有兩...。
Ionicons Official 》此外掛提供了一個簡單的[icon] 短代碼，可輕鬆地新增圖示。例如，使用[icon name=ion-earth]即可新增美麗的地球圖示。您也可以在 HTML 中使用此外掛，如下所...。
WP Ionic Icons 》此外掛可讓您輕鬆地使用 HTML 或內置的短碼處理程序將 Ionicons 嵌入到您的網站中。, 特色, , 支援短碼。範例： [wpion icon=""], 使用短碼在選單中加入 Ioni...。
Smart Icons For WordPress 》, 如果您有時間，請給這個外掛留下評價。我們需要您的支持和鼓勵，以繼續開發更棒的外掛給您。, , 智慧型 WordPress 圖示 外掛為您帶來來自 Font Awesome 的...。
Post Featured Font Icon 》文章特色圖示外掛程式：允許將字體圖示加入文章標題並提供選項，讓我們能夠, 使用字體圖示來替換文章縮圖。, 支援：, , dashicons, genericons, font-awesome...。
WP Elusive Iconfont 》Elusive Iconfont 是含有超過 270 個象形字的字型集。這些圖示可以無限縮放，並且兼容螢幕閱讀器。, 可於以下網址查看完整的 270+ Elusive Iconfont 圖示列表...。
AwesomePress 》具備擴展字體圖標支援的 WordPress 全尺寸 Font Awesome 字體 Icon 套件。可啟用 Font Awesome 字體 Icon 套件於 WordPress 中，Icon 可使用 HTML Code、PHP ...。
KDC Dashboard 》與KDC團隊連接的最簡單方式。。
WPBatch icons Shortcode 》這個外掛可以幫助您添加任何種類的圖示，包括顏色、背景、間距、大小和其他功能。, 請查看演示：WPBatch Icons Shortcode, 功能包括：, , 短代碼 - 您可以使...。
RS 525icons 》這個外掛程式的 525icons CSS 檔案和字型檔都是托管在 jsDelivr CDN 上，因此這個外掛非常快速和輕量。, 您可以在 https://525icons.com/glyphs.html 找到您...。
Coothemes Icons 》Coothemes Icons 外掛能幫助您在網站的文章和頁面中插入圖示。 其圖示庫包含超過 2,000 個圖示。, 功能, *包含超過 2,000 個圖示, *直接將圖示插入文章/頁面...。
Attach Font Awesome 》這個外掛會在 WordPress 的前端加入 Font Awesome 圖示庫，讓你可以在內容的任何地方使用 Font Awesome 的 CSS 類別。在安裝外掛後，在「設定 > 附加 Font Aw...。