WordPress Dashicons: Icon-Set für das Dashboard

Dashicons ist die offizielle Icon-Schrift für das WordPress Dashboard seit Version 3.8 und bietet ein umfangreiches Icon-Set (Menüs, Medien, Pfeile, Social Media oder Produkte) zur freien Verwendung in Plugins, Widgets, Einstellungen oder für Button in dem TinyMCE.

WordPress Dashicons im Frontend

Die WordPress Dashicons können ebenso im Frontend verwendet werden. Dazu müssen diese für das Frontend mit dem Hook wp_enqueue_scripts() eingebunden werden.

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

Dieses Snippet kann in der functions.php verwendet werden.

Beispiele

Adding an icon to a header, with the dashicons-before class. This can be added right to the element with text.

<h2 class="dashicons-before dashicons-smiley">A Cheerful Headline</h2>

Adding an icon to a header, with the dashicons class. Note that here, you need extra markup specifically for the icon.

<h2><span class="dashicons dashicons-smiley"></span> A Cheerful Headline</h2>

Quellen und Links

• WordPress Dashicons