Google I/O 2014で新しいデザインガイドラインが発表され注目されている、Material Design（マテリアルデザイン）。Googleからはマテリアルデザインに対応したアイコンパックMaterial Design Iconsも配布されています。

このMaterial Design IconsのWordPressプラグインが出ていました。これはWordPressの固定ページや投稿に1000+のマテリアルデザインアイコンを使用できるプラグインです。

Material Design Iconsプラグインを導入

ダッシュボード >> プラグイン >> 新規追加 >> Material Design Iconsを検索

プラグインを有効化にします。

投稿ページで試してみます。ビジュアルを選択します。

ツールバー切り替えの右隣（画像の青の枠のようなアイコン）をクリックします。

上記のようなウインドウが出てきます。色は英語表記か#から始まる16進数カラーコードで入力します。（#000000）
サイズを選択し、Selectで使用するアイコンを選択します。

試しに[mdi-icon name=”beats” size=”6x” color=”red”]としてみました。

プレビューで表示するとこんな感じです。
ソースは　

<i class="mdi mdi-beats mdi-6x" style="color: red;"></i>

になります。
プラグインを使う程でもないかもしれませんが、機会があれば試してみてください。

• Tag
• icon
• Material Design
• WordPress Plugin