WordPressの記事内でアイコンフォントを簡単に使えるようにする - WP Visual Icon Fonts –

wp-visual-icon-fonts

最近はちょっとしたアイコンはアイコンフォントを利用して表示することが多くなりました。

そのほうがいちいち画像を用意する必要も無いですし、フォントなので文字を拡大したりレティナディスプレイなどの高画質なもので閲覧しても綺麗に表示することができます。

ただ、このアイコンフォントを利用するにはアイコンフォントをダウンロードやCDNを利用しheaderにヘッダーに追加するなどの作業が必要になってきます。

はじめからアイコンフォントを利用する想定でテーマを作成しているのであればいいですが、簡単にテーマを組み込んだりするだけで利用している場合には少しハードルが高いですね。

今回紹介するプラグイン「WP Visual Icon Fonts」を利用すると、そんなアイコンフォントを簡単に利用することができるようになります。

WP Visual Icon Fontsについて

このプラグインは「Font Awsome」と「Genericons」に対応しています。

screenshot-1-1

プラグインを有効にすると投稿画面でアイコンを追加する箇所が追加されます。
9%e6%9c%88-08-2016-04-24-38

  • Simple option to select the icon font family you prefer
  • Easily select an icon in the visual editor window
  • Search and instantly Filter through the icons to get the one you want quickly
  • See the icons in the visual editor
  • Adjust the colour and size of the icons (and any other text elements in the editor)
  • Includes Font Awesome 4
  • Includes Genericons

プラグイン情報

制作者

Paul van Zyl

動作環境

3.0.1〜

ダウンロードURL

WP Visual Icon Fonts


アイコンフォントはサイトを作る上でちょっとしたアクセントにもなるので、簡単に使えるのはありがたいことですね。

ダブルドット合同会社 代表社員
Webディレクター
1980年生まれ

  
大学卒業後、法律事務所にてシステム部の部長として、ホームページを活用してわずか数年で数人規模から数百人規模へと成長させ、その経験を元に、ECサイト制作会社にてディレクターとして小規模から大規模のディレクションを行う。
インターネットになれないWeb担当者や店舗オーナーの方にもインターネットの恩恵を受けられるようにしたいと思い、2015年にダブルドット合同会社を設立。

「デジタルデバイドなくす」をモットーに誰もがインターネットの恩恵を受けられる社会を目指して活動中。

趣味はロードバイクで、休日は晴れていれば基本的に走っています。

この記事が気に入ったら
いいね!しよう

Twitter で

Chatworkによるお問い合わせ・ご相談

ダブルドット合同会社ではChatwork(チャットワーク)というビジネスチャットツールを使ってのお問合せも受け付けております。
ご利用になる場合は弊社アカウントまでコンタクト申請をお願いいたいします。
もちろんお電話やフォームからのお問合せでも構いません。お好みの方をお使いください。対応速度はチャットワークの方が若干早いと思います。

SNSでもご購読できます。