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

    icon-clock-o読了時間:約4分40秒

小さなアイコン絵文字を本文中に挿入できるプラグイン・Visual Icon Fonts
Visual Icon Fontsバナー
こういった icon-arrow-right  icon-check-square-o  icon-coffee  icon-desktop  icon-film  icon-twitter 絵文字が簡単に入力できて便利なので、
こうして記事を書く中でとても重宝しています。
私のおすすめプラグイン 25個【207年1月版】などの過去記事でもご紹介していたのですが、
毎回使いたい絵文字がどこにあるのか探すのが微妙に面倒、
更に中には 「 これは一体何の絵文字なんだろう? 」 と疑問に思っていた絵文字もあったので調べつつ、
自分用を兼ねて、どんな絵文字アイコンがあるのか一覧にしてみました。


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プレビュー表示
 icon-exclamation-circle 絵文字の前後にある   と表記されている文字列は、半角の余白を入れているものです。
 余白が不要であれば消去してください。


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

 良かったら押してみてください♥

  • このエントリーをはてなブックマークに追加
  • Pocket