【プラグイン】Visual Icon Fontsで簡単に絵文字を挿入

Visual Icon Fonts
小さなアイコン絵文字を本文中に挿入できるプラグイン・Visual Icon Fonts
Visual Icon Fontsバナー
アイコンなどを記事内に表記したい時に便利なのですが、でも毎回使いたい絵文字がどこにあるのか探すのが微妙に面倒、更に中には 「 これは一体何の絵文字なんだろう? 」 と疑問に思っていた絵文字もあったので調べつつ、自分用を兼ねて、どんな絵文字アイコンがあるのか一覧にしてみました。

Visual Icon Fonts をインストール

Visual Icon Fontsプラグインページからダウンロードしていただくか、
ご自分のプラグインのページから『 Visual Icon Fonts 』と検索してダウンロードしてください。

検索してインストールする方が手順が簡単かと思います。
プラグインの【 新規追加 】をクリックし、検索ボックスから【 Visual Icon Fonts 】を検索、
【 今すぐインストール 】→インストールされた WordPress Visual Icon Fonts を【 有効化 】でOK。

編集画面に【 Icons 】というメニュー項目が表示され、絵文字挿入が使用可能になります。
Visual Icon Fontsメニュー

Visual Icon Fonts の使い方

上部のメニューから【 Icons 】をクリック。
Visual Icon Fontsメニュー
▼をクリックして使いたい絵文字を選択。
ここではandroid(スマホのandroidマーク)を選んでみます。
Visual Icon Fontsを開く
編集画面ではHTMLの文字列になっていますが、プレビューで確認するとちゃんと絵文字になっています。
Visual Icon Fontsプレビュー表示
絵文字の前後にある   と表記されている文字列は、半角の余白を入れているものです。
余白が不要であれば消去してください。

Visual Icon Fonts で入力できる絵文字の一覧

私はよく この矢印 icon-arrow-right や Appleロゴマーク icon-apple を使います。
Visual Icon Fonts で入力できる絵文字の一覧1
カメラが2種類 icon-camera  icon-camera-retro あるところがとてもいい。
Visual Icon Fonts で入力できる絵文字の一覧2
サイトを作っている方だと icon-external-link  icon-facebook-square こういうのとか便利ですね。
Visual Icon Fonts で入力できる絵文字の一覧3
Instagramで icon-instagram いいねのハート icon-heart とかも絵文字を入れられて便利。
Visual Icon Fonts で入力できる絵文字の一覧4
文房具も充実 icon-paperclip  icon-pencil  icon-print 
Visual Icon Fonts で入力できる絵文字の一覧5
パソコンで良く見るアイコンも icon-refresh  icon-repeat  icon-reply  icon-rss  icon-save  icon-spinner 
Visual Icon Fonts で入力できる絵文字の一覧6
Facebookのいいね icon-thumbs-o-up もあるし、Twitterバード icon-twitter も居ます。
Visual Icon Fonts で入力できる絵文字の一覧7
この中だと私が一番使うのはやっぱりWindows icon-windows 。
ユーザー icon-user やYouTube icon-youtube-square も使っているかも。
Visual Icon Fonts で入力できる絵文字の一覧8

タイトルとURLをコピーしました