ダッシュアイコンの使い方【WordPress】

ダッシュアイコン（Dashicon)とは、WordPressに標準で備わっているアイコンセットです。ショートコードを埋め込めば、簡単にアイコンを表示させることができます。

ダッシュアイコン（Dashicon）のサンプル

以下は、ダッシュアイコンのサンプルです。

このようなアイコンを簡単に設置することができます。

ダッシュアイコンの使い方（手順）

１．function.phpへコードを追記

WordPressテーマの中に入っている「function.php」に以下のコードを加えます。

add_action( 'wp_enqueue_scripts', 'load_dashicons_front_end' );
function load_dashicons_front_end() {
wp_enqueue_style( 'dashicons' );
}

２．公式サイトへアクセスする

以下のWordPressの公式サイトのダッシュアイコンのページにアクセスします。

３．アイコンを選ぶ

ページ下段に表示されるアイコンの中から、利用したいアイコンを選びます。

４．埋め込みスクリプトを表示させる

利用したいアイコンの隣に表示されるリンクをクリックすると、ショートコードが表示されます。ホームページに貼り付けて活用する場合は、以下のように「Copy Html」を選択してください。

５．コピペする

リンクをクリックすると、以下のようなポップアップが表示されますので、このコードを該当ページにコピー＆ペーストすればOKです。

ダッシュアイコンの使いどころ

ダッシュアイコンは、WordPressの管理画面で利用されていますので、割とよく見かけると思います。これらをユーザーさんが閲覧できるホームページにも同様に表示できるところがいいところです。

Font Awesomeのような便利なアイコンセットもありますが、ダッシュアイコンは事前設定不要ですのでより便利です。

Font Awesomeの使い方【CSS/Html・サンプル付き】

まとめ

ダッシュアイコンはWordPressに標準で搭載されているアイコンセットです。Font Awesomeを利用するほどではないけれど、少し装飾したいときに便利です。