Themifyのアイコンセットがwordpressプラグインとして利用可能に!
WordPress用のテーマを提供しているThemify ( Themify All Themes ) からアイコンセットがプラグインとして登場しました。
Free Themify Icons Plugin
アイコンセットは前からThemifyから無料で提供されていたのですが、今回はそれがプラグインとなったようです。しかも今回もまた無料です。
プラグインなので既存のwordpressベースのサイトにも導入しやすくなったかもですね。
ちなみに既にThemifyのテーマを使用の場合はプラグインをインストールしなくてもアイコンは使用できる状態になっていますが、改めてプラグインを追加することも可能です。
ついでにこのサイトでもプラグインを実際にインストールしてみました。
ダウンロード
プラグイン本体は配布ページThemify Iconsからダウンロードできます。インストールは 「プラグイン > 新規追加 > 有効化」でokです。
インストール
インストールすると管理画面のサイドメニューに「Themify Icons」が追加されます。これは特に設定ページとかではなくプラグインの説明が見られるだけです。
アイコンの利用
アイコンはメニュー・ウィジェット・投稿・個定ページで利用できます。
メニューやウィジェットなどでは「Isert Icon」というのが追加されます。※自分の場合はテーマにアイコン追加機能もともとついていたので「Insert Icon」が2つありますが。
投稿・個定ページの編集画面は次のような感じになります。※黄色いアイコンが追加されます。自分の場合はテーマ用インサートボタンとプラグインのインサートボタンが2つあります。
黄色いアイコンをクリックすれ本文中にThemify Iconsを追加できます。
設定項目は、
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テーマに機能としてあるアイコン挿入機能よりプラグイン版の方がわかりやすく使い勝手が良さそうな印象です。