369種類のアイコンを簡単・自由に設置。WPプラグイン「WordPress Visual Icon Fonts」

プラグイン概要

本日は369種類もの「アイコン」を簡単に設置するためのWordPressプラグイン「WordPress Visual Icon Fonts（ワードプレス・ビジュアル・アイコン・フォンツ）」をご紹介したいと思います。

アイコンの種類は、FBやTwitterなどのWeb/ソーシャルメディア系アイコンから、各種記号、レストランなどのマークなどまで幅広く揃っています。

プラグインをインストールすればすぐに使うことができる上、アイコンのサイズ・カラー変更もOK。ブログであれ、HPであれどこにでも設置可能です。

また、このようなプラグインは一般的にショートコード（短縮コード）を使ったり、コードを直接書き込むものが多いのですが、こちらの「WordPress Visual Icon Fonts」はドロップダウン形式のアイコンリストから選ぶだけの簡単設置。コードがわからない方でもすぐに活用することができます。

活用シーンとしては普通にブログの文中や、ビジネスサイトのサービス紹介コーナーなどに良いでしょう。

正直、必須のプラグインではありません。しかし、何かの際に「あぁ、そういえばあんなプラグインがあったなぁ」程度に思い出せるよう頭の片隅に入れておいていただくと良いでしょう。

アイコン例 – 369種類のアイコンを自由に選んで使うことができる

■ 使用できるアイコン一覧はこちら 「 Font Awesome Icons 」

プラグインの導入方法・使い方

ではプラグインの使い方を順にご説明します。まずはインストールからです。

1. WordPress ダッシュボード > プラグイン > 新規追加
2. 「WordPress Visual Icon Fonts」と検索
3. 【いますぐインストール】をクリック
4. 【有効化】をクリック

新規追加ページに「Icons」と「A|」というボタンが追加されています。

「Icons」ボタンを押すとドロップダウンリストが開きます。

アイコン一覧ページで予め確認しておき、使いたいアイコンを検索するか選びます。ここでは「android」を選びます。

■ 使用できるアイコン一覧はこちら 「 Font Awesome Icons 」

アイコンを選択して「フォントサイズ」を変更、サイズが変わります。

さらに「A|」を押すとカラーオプションが表示されます。

色が変更されました。とっても簡単です。

ぜひバンバン使ってみて下さい。

“ 色もサイズも自由自在。お好きな場所に、お好きなアイコンを。”

どこかで聞いたようなちょっと安っぽいコピーですね（笑）

まとめ

たとえば初めて訪問したサイトのデザインがひどくてすぐにページを閉じてしまった。あるいは、内容は良いのだがひどく「読みづらい」サイトだなぁと思って、それ以来訪問しなくなってしまった。そんな経験はありませんか？

わたしはしょっちゅうです（笑）会社のホームページでも、ブログであっても「デザイン」は欠かせない要素ですね。

じゃあ一体「Webサイトにおけるデザイン」って何なのさ？というと随分深い問題になってしまいます。ただの外観だけでなく哲学的な部分まで話は及んでしまいます。

少しだけ具体的なことを挙げていけば、たとえば「フォント」「フォントサイズ」「フォントカラー」「行間」「文章の幅」といったものから「太字、ハイライト表示、下線」など大事な要素です。

もちろん「文章」そのものが読みやすいことは言うまでもありませんが、「見やすい・読みやすい」ということとこれらの要素は直接的に関係があります。

わたしもこちらを更新していくにあたって、日々頭を悩ませています（笑）

一つの「デザイン要素」としてアイコンを活用するのは良いアイディアだと思います。ぜひ頭の片隅に置いておいてください。

• Tweet
•