いろんなサイトでよく見かける こんなようなチェックボックスを使いたくて、ネットで調べていたら発見しました。
ボタンをクリックするだけで、絵文字を表示させるプラグイン「Visual Icon Fonts」
「Visual Icon Fonts」の良い点をいくつかあげてみます。
簡単インストール
種類が豊富(409種類)
ボタン一つでアイコン表示(コードの記述がいらない!)
色も大きさも簡単に変えられる
コードの記述は全くいらないっていうのが一番ポイントが高いですね!
他にも絵文字を表示させるプラグインはあったんですが、コードを入力する必要があるなど、「Visual Icon Fonts」に比べて使い勝手が悪いです。
しかも、「Visual Icon Fonts」は使えるアイコンがなんと409種類もありますので、希望どおりのアイコンはだいたいあります。
「Visual Icon Fonts」のインストール方法
以下のどちらかの方法でインストールしてください。WordPressの最新バージョンではテストは行われていないようですが、WordPress4.9.4では問題なく動作しています。
方法1
①WordPressの管理画面から[プラグイン]-[新規追加]をクリックしてください。
②「Visual Icon Fonts」で検索します。
うまく検索されない場合があります。その時は、方法2をお試しください。
③「今すぐインストール」をクリックしてください。
④「有効化」も忘れずに!
方法2
①WordPress公式サイトから「Visual Icon Fonts」のzipファイルを任意の場所にダウンロードします。
②ダウンロードしたzipファイルをアップロードして、「今すぐインストール」します。
③「有効化」も忘れずに!
たったこれだけです!簡単にインストールできましたね。
「Visual Icon Fonts」の使い方
非常に簡単です。
ビジュアルエディターで確認してみましょう。
「Visual Icon Fonts」をインストールすると、上の図のようにIconのボタンができます。
このボタンを押すと、利用できるアイコンが表示されます。
お好きなアイコンを選択すると、エディターにアイコンが反映されます。
例えば以下のような文言の前後にアイコンを付けてみます。
ただ、これではちょっと寂しい感じですね。
アイコンを大きくしたり、色をつけたりできますので、試してみましょう。
記事に合わせて、装飾すると見栄えがよくなると思います。
「Visual Icon Fonts」アイコンは409種類!
全部で409種類あります。
実際に使用するのはそのうちの数種類だと思いますが、参考までに全種類を載せておきますね。
お気に入りはありましたか?
まとめ
WordPressのアイコンプラグイン「Visual Icon Fonts」、インストール方法と使い方などをご紹介しました。
こういったアイコンは好き嫌いがあるかもしれませんが、僕は文章にメリハリがついていいかなと思います。
例えば、箇条書きにする際に、単に「・」ではなく、「 」にした方が、目立って見やすい場合もあるんじゃないでしょうか。
あまりごちゃごちゃアイコンをつけるのもどうかと思いますので、適切な箇所にさりげなく表示させるのがおすすめです!
それでは。