Themifyのアイコンセットがwordpressプラグインとして利用可能に!

WordPress用のテーマを提供しているThemify ( Themify All Themes ) からアイコンセットがプラグインとして登場しました。

Free Themify Icons Plugin

アイコンセットは前からThemifyから無料で提供されていたのですが、今回はそれがプラグインとなったようです。しかも今回もまた無料です。
プラグインなので既存のwordpressベースのサイトにも導入しやすくなったかもですね。
ちなみに既にThemifyのテーマを使用の場合はプラグインをインストールしなくてもアイコンは使用できる状態になっていますが、改めてプラグインを追加することも可能です。

 

ついでにこのサイトでもプラグインを実際にインストールしてみました。

ダウンロード

プラグイン本体は配布ページThemify Iconsからダウンロードできます。インストールは 「プラグイン > 新規追加 > 有効化」でokです。

インストール

インストールすると管理画面のサイドメニューに「Themify Icons」が追加されます。これは特に設定ページとかではなくプラグインの説明が見られるだけです。

themify-icons-plugin-image1

アイコンの利用

アイコンはメニュー・ウィジェット・投稿・個定ページで利用できます。

メニューやウィジェットなどでは「Isert Icon」というのが追加されます。※自分の場合はテーマにアイコン追加機能もともとついていたので「Insert Icon」が2つありますが。

themify-icons-plugin-image2

投稿・個定ページの編集画面は次のような感じになります。※黄色いアイコンが追加されます。自分の場合はテーマ用インサートボタンとプラグインのインサートボタンが2つあります。

themify-icons-plugin-image3

黄色いアイコンをクリックすれ本文中にThemify Iconsを追加できます。

themify-icons-plugin-image4

設定項目は、

Icon — 表示するアイコンを選択

Text — 表示する文字を入力

Link — リンクする場合はURLを追加

Size・Style・Corners・Text Color・Background Color・Icon Colorはそれぞれ外観のための設定項目です。

下がプラグインを利用したアイコンです。※デモ用なので特にリンクは貼っていません。

  • [ti_icon icon=”ti-heart” size=”default” style=”icon-wrapped-top” corners=”circle” text=”DEMO1″ link=”#” text_color=”#ffffff” background_color=”pink” icon_color=”#ffffff”]
  • [ti_icon icon=”ti-announcement” size=”default” style=”icon-boxed-top” corners=”circle” text=”DEMO2″ link=”#” text_color=”blue” background_color=”blue” icon_color=”#ffffff”]
  • [ti_icon icon=”ti-bolt” size=”default” style=”icon-wrapped” corners=”rounded” text=”DEMO3″ link=”#” text_color=”#ffffff” background_color=”black” icon_color=”#ffffff”]
  • [ti_icon icon=”ti-face-smile” size=”default” style=”icon-left” corners=”default” text=”DEMO4″ link=”#” text_color=”black” icon_color=”pink”]
  • [ti_icon icon=”ti-email” size=”default” style=”icon-left” corners=”default” text=”DEMO5″ link=”#” text_color=”#a51e00″ icon_color=”#e04d33″]

この他、プラグインの配布ページどんなデザインのアイコンか確認できます。

Themify Icons

個人的にはThemifyテーマに機能としてあるアイコン挿入機能よりプラグイン版の方がわかりやすく使い勝手が良さそうな印象です。