【WordPress】1000+のマテリアルデザインアイコンが使用できるプラグイン

mdi

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

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

Material Design Iconsプラグインを導入

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

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

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

mdi_1

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

mdi_2

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

mdi_3

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

mdi_4

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

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

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

 
wordpress

【WordPress】1000+のマテリアルデザインアイコンが使用できるプラグイン

  • LATEST
  • RELATED
  • POPULAR