WordPressの公式アイコンフォントのDashiconsの使い方

「Dashicons」はWordPress 3.8から導入された公式のアイコンだそうです。
プラグインとかでもSVGアイコンを導入出来るけど〜公式のほうが自分は好き。

こんな奴なんですが〜以下のサイトでコードを入手可能なので早速使ってたのですが…

https://developer.wordpress.org/resource/dashicons/

SCR(2015-06-02 18.15.15)

ログインしてないと表示されない!ってことになって表示する方法は〜と探していたら解決策が見つかりましたのでメモしておきます。

テーマのfunction.phpに以下のコードを記入。

[php]
add_action( ‘wp_enqueue_scripts’, ‘themename_scripts’ );

function themename_scripts() {
wp_enqueue_style( ‘themename-style’, get_stylesheet_uri(), array(‘dashicons’), ‘1.0’ );
}
[/php]

スタイルシートには以下のクラスを追記。

[php]
.paintbrush-link:before {
font-family: "dashicons";
content: "\f100";
}
[/php]

の実際のコードは以下の様な感じ。

[php]
<span class="dashicons dashicons-location"></span>
[/php]

こういった小技的なのが好きなので色んなところで多用しています。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です